@aceshooting/lyra-ui 26.0.0 → 27.0.0

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

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{finiteInteger}from"../../../internal/numbers.js";import{TextViewerTarget}from"../../../internal/text-viewer-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseArrayBuffer,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{adaptPptxViewer,getPptxRenderer}from"./pptx-loader.js";import{assertPptxArchiveWithinLimits}from"./pptx-resource-guard.js";import{styles}from"./pptx-viewer.styles.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{textQuoteContextScore}from"../document-viewer/anchors.js";import{PageViewerSnapshotController}from"../page-rail/page-viewer-snapshot.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{renderViewerPagerButton,viewerPagerStyles}from"../viewer-pager.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loading,LYRA_DEFAULT_pptxViewerFidelityNotice,LYRA_DEFAULT_pptxViewerLabel,LYRA_DEFAULT_pptxViewerMissingLibrary,LYRA_DEFAULT_pptxViewerNextSlide,LYRA_DEFAULT_pptxViewerPreviousSlide,LYRA_DEFAULT_pptxViewerRenderError,LYRA_DEFAULT_pptxViewerSlideOf}from"../../../internal/default-strings.generated.js";const MAX_PPTX_SEARCH_MATCHES=1e4,MAX_PPTX_THUMBNAIL_WIDTH=2048;class LyraPptxViewerBase extends LyraElement{}class LyraPptxViewer extends TextViewerTarget(LyraPptxViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.page=1,this.maxHeight="",this.phase="idle",this.errorMessage="",this.slideCount=0,this.currentSlideIndex=0,this.loadRenderer=getPptxRenderer,this.generation=0,this.announcements=new ViewerAnnouncementController(this),this.pptxSearchQuery="",this.lastSearchLocale="",this.pptxSearchMatches=[],this.pendingSearchResetEvent=!1,this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1,this.pptxSearchGeneration=0,this.pageViewerState=new PageViewerSnapshotController,this.anchorKinds=["text-quote","fragment","page"],this.onViewerEvent=event=>{if(event.kind==="slide-change"){this.commitSlide(event.index);return}this.reportPeerDiagnostic(event.code,event.cause,{page:event.page,nodeId:event.nodeId},event.fatal)},this.focusedPagerPart=null,this.detached=new DeferredTeardown(()=>this.releaseDetachedPresentation())}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,loading:LYRA_DEFAULT_loading,pptxViewerFidelityNotice:LYRA_DEFAULT_pptxViewerFidelityNotice,pptxViewerLabel:LYRA_DEFAULT_pptxViewerLabel,pptxViewerMissingLibrary:LYRA_DEFAULT_pptxViewerMissingLibrary,pptxViewerNextSlide:LYRA_DEFAULT_pptxViewerNextSlide,pptxViewerPreviousSlide:LYRA_DEFAULT_pptxViewerPreviousSlide,pptxViewerRenderError:LYRA_DEFAULT_pptxViewerRenderError,pptxViewerSlideOf:LYRA_DEFAULT_pptxViewerSlideOf}}static{this.styles=[LyraElement.styles,styles,viewerPagerStyles,srOnly,viewerLoadingStyles]}async search(query2){const generation=++this.pptxSearchGeneration,viewer=this.viewer,boundedQuery=boundedViewerSearchQuery(query2,this.effectiveLocale);if(this.pptxSearchQuery=query2,this.lastSearchLocale=this.effectiveLocale,this.disposeSearchHighlight(),viewer?.clearSearchHighlights(),!boundedQuery.accepted)return this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!1,this.pptxSearchActiveIndex=-1,this.emitPptxSearchChange(),0;if(!viewer||!boundedQuery.needle)return this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1,this.emitPptxSearchChange(),0;try{const raw=viewer.searchText(query2.trim(),{matchCase:!1});if(generation!==this.pptxSearchGeneration||viewer!==this.viewer)return this.pptxSearchMatches.length;const normalized=this.normalizeSearchResults(raw,viewer.slideCount);return this.pptxSearchMatches=normalized.matches,this.pptxSearchMatchCountExact=normalized.matchCountExact,this.pptxSearchActiveIndex=this.pptxSearchMatches.length>0?0:-1,this.emitPptxSearchChange(),this.pptxSearchActiveIndex>=0&&await this.focusPptxSearchMatch(this.pptxSearchActiveIndex,generation,viewer),this.pptxSearchMatches.length}catch(cause){return generation!==this.pptxSearchGeneration||viewer!==this.viewer||(this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!1,this.pptxSearchActiveIndex=-1,this.reportPeerDiagnostic("pptx-search-error",cause),this.emitPptxSearchChange()),0}}async searchNext(){const viewer=this.viewer;if(!viewer||this.pptxSearchMatches.length===0)return!1;const generation=++this.pptxSearchGeneration;return this.pptxSearchActiveIndex=(this.pptxSearchActiveIndex+1)%this.pptxSearchMatches.length,this.emitPptxSearchChange(),await this.focusPptxSearchMatch(this.pptxSearchActiveIndex,generation,viewer),generation===this.pptxSearchGeneration}async searchPrevious(){const viewer=this.viewer;if(!viewer||this.pptxSearchMatches.length===0)return!1;const generation=++this.pptxSearchGeneration;return this.pptxSearchActiveIndex=(this.pptxSearchActiveIndex-1+this.pptxSearchMatches.length)%this.pptxSearchMatches.length,this.emitPptxSearchChange(),await this.focusPptxSearchMatch(this.pptxSearchActiveIndex,generation,viewer),generation===this.pptxSearchGeneration}clearSearch(){this.pptxSearchGeneration++,this.pptxSearchQuery="",this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1,this.disposeSearchHighlight(),this.viewer?.clearSearchHighlights(),this.emitPptxSearchChange()}get pageViewerSnapshot(){return this.pageViewerState.value}set pageViewerSnapshot(_value){}textContentRoot(){return this.renderRoot.querySelector('[part="container"]')??this.renderRoot.querySelector('[part="base"]')}async applyAnchor(anchor){const viewer=this.viewer;if(anchor.kind==="page"){const index=anchor.page-1;return!viewer||!Number.isInteger(anchor.page)||index<0||index>=this.slideCount?!1:(await this.goToSlide(index),viewer===this.viewer&&this.currentSlideIndex===index)}if(anchor.kind==="text-quote"&&viewer){const slideIndex=this.slideForTextQuote(viewer,anchor);if(slideIndex>=0&&slideIndex!==this.currentSlideIndex){if(await this.goToSlide(slideIndex),viewer!==this.viewer||this.currentSlideIndex!==slideIndex)return!1;await this.updateComplete}}return this.applyMountedAnchor(anchor)}applyMountedAnchor(anchor){return Object.getPrototypeOf(LyraPptxViewer.prototype).applyAnchor.call(this,anchor)}slideForTextQuote(viewer,anchor){const quote=anchor.quote.trim(),bounded=boundedViewerSearchQuery(quote,this.effectiveLocale);if(!bounded.accepted||!bounded.needle)return-1;let matches;try{matches=this.normalizeSearchResults(viewer.searchText(quote,{matchCase:!1}),viewer.slideCount).matches}catch(cause){return this.reportPeerDiagnostic("pptx-search-error",cause),-1}let best,bestScore=-1;for(const match of matches){const score=textQuoteContextScore(match.text,match.matchStart,match.matchEnd,anchor.prefix,anchor.suffix);score>bestScore&&(best=match,bestScore=score)}return best?.slideIndex??-1}keepPagerFocus(){const part=this.focusedPagerPart;this.focusedPagerPart=null;const twin=part==="previous-button"?"next-button":part==="next-button"?"previous-button":void 0,root=this.shadowRoot;!twin||!root||root.querySelector(`[part="${part}"]`)?.disabled&&root.querySelector(`[part="${twin}"]:not(:disabled)`)?.focus()}updated(changed){if(super.updated(changed),this.keepPagerFocus(),this.announcements.transition("load",this.phase,this.phase==="error"?this.errorMessage:this.localize("loading")),changed.has("src")&&this.scheduleAfterUpdate(()=>{this.mount()}),changed.has("src")&&this.pendingSearchResetEvent&&(this.pendingSearchResetEvent=!1,this.emitPptxSearchChange()),changed.has("page")&&this.viewer&&this.page-1!==this.currentSlideIndex){const page=this.page;this.scheduleAfterUpdate(()=>{this.page===page&&this.goToSlide(page-1)},"page-navigation")}const locale=this.effectiveLocale;if(locale!==this.lastSearchLocale){const shouldRecompute=this.pptxSearchQuery!=="";this.lastSearchLocale=locale,shouldRecompute&&this.scheduleAfterUpdate(()=>{this.search(this.pptxSearchQuery)},"search")}}willUpdate(changed){super.willUpdate(changed);const active=this.shadowRoot?.activeElement;this.focusedPagerPart=active?.localName==="button"&&!active.disabled?active.getAttribute("part"):null,changed.has("src")&&(this.pendingSearchResetEvent||=this.hasPptxSearchState(),this.resetPptxSearchState()),(changed.has("page")||changed.has("slideCount"))&&(this.page=finiteInteger(this.page,1,1,Math.max(1,this.slideCount)))}connectedCallback(){super.connectedCallback(),this.announcements.connect();const moved=this.detached.cancel();this.hasUpdated&&this.src&&!moved&&this.scheduleAfterUpdate(()=>{this.mount()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}releaseDetachedPresentation(){this.teardown(),this.phase="idle",this.slideCount=0,this.currentSlideIndex=0,this.page=1,this.pageViewerState.reset()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}async goToSlide(index){const viewer=this.viewer;if(!viewer||!Number.isSafeInteger(index)||index<0||index>=viewer.slideCount)return;const generation=this.generation;try{await viewer.goToSlide(index)}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation||viewer!==this.viewer)return;this.teardown(),this.phase="error",this.slideCount=0,this.currentSlideIndex=0,this.page=1,this.errorMessage=this.localize("pptxViewerRenderError"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}viewer===this.viewer&&viewer.currentSlideIndex!==this.currentSlideIndex&&this.commitSlide(viewer.currentSlideIndex)}async renderPageThumbnailToContainer(page,container,options){const viewer=this.viewer,generation=this.generation,width=options?.width??96;if(!viewer||!Number.isSafeInteger(page)||page<1||page>viewer.slideCount||!Number.isFinite(width)||width<=0||width>MAX_PPTX_THUMBNAIL_WIDTH)return!1;const previousChildren=[...container.childNodes],restorePreviousChildren=()=>{container.replaceChildren(...previousChildren)};let handle;try{handle=viewer.renderThumbnailToContainer(page-1,container,{width})}catch{return restorePreviousChildren(),!1}if(!handle)return restorePreviousChildren(),!1;try{await handle.ready}catch{return handle.dispose(),restorePreviousChildren(),!1}if(generation!==this.generation||viewer!==this.viewer||!container.isConnected)return handle.dispose(),restorePreviousChildren(),!1;for(const child of previousChildren)child.parentNode===container&&child.remove();return handle}isValidSlideIndex(index){return Number.isSafeInteger(index)&&index>=0&&index<this.slideCount}commitSlide(index){if(!this.isValidSlideIndex(index))return;const changed=index!==this.currentSlideIndex;this.currentSlideIndex=index,this.page=index+1,this.publishPageViewerSnapshot("ready",this.slideCount),changed&&this.emit("lr-slide-change",{index,count:this.slideCount})}publishPageViewerSnapshot(status,pageCount){const snapshot=this.pageViewerState.publish(status,finiteInteger(this.page,1,1,Math.max(1,pageCount)),finiteInteger(pageCount,0,0,Number.MAX_SAFE_INTEGER));snapshot&&this.isConnected&&this.emit("lr-page-viewer-state-change",{snapshot})}teardown(){const shouldEmitSearchReset=this.hasPptxSearchState();this.generation++,this.viewerUnsubscribe?.(),this.viewerUnsubscribe=void 0,this.viewer?.destroy(),this.viewer=void 0,this.resetPptxSearchState(),shouldEmitSearchReset&&this.emitPptxSearchChange()}hasPptxSearchState(){return this.pptxSearchQuery!==""||this.pptxSearchMatches.length>0||!this.pptxSearchMatchCountExact||this.pptxSearchActiveIndex!==-1}resetPptxSearchState(){this.pptxSearchGeneration++,this.disposeSearchHighlight(),this.viewer?.clearSearchHighlights(),this.pptxSearchQuery="",this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1}normalizeSearchResults(value,slideCount){if(!Array.isArray(value))throw new TypeError("PPTX search returned a non-array result.");const matches=[],work=new ViewerSearchWorkBudget;let matchCountExact=!0;for(const candidate of value){if(!work.consume("")){matchCountExact=!1;break}if(!candidate||typeof candidate!="object")continue;const result=candidate;if(!(!Number.isSafeInteger(result.slideIndex)||result.slideIndex<0||result.slideIndex>=slideCount||typeof result.nodeId!="string"||typeof result.text!="string"||!Number.isSafeInteger(result.matchStart)||!Number.isSafeInteger(result.matchEnd)||result.matchStart<0||result.matchEnd<result.matchStart||result.matchEnd>result.text.length)){if(!work.consume(result.nodeId)||!work.consume(result.text)){matchCountExact=!1;break}if(matches.length===MAX_PPTX_SEARCH_MATCHES){matchCountExact=!1;break}matches.push(candidate)}}return{matches,matchCountExact:matchCountExact&&work.complete}}async focusPptxSearchMatch(index,generation,viewer){const match=this.pptxSearchMatches[index];if(match){this.disposeSearchHighlight(),viewer.clearSearchHighlights();try{if(await viewer.goToSlide(match.slideIndex),generation!==this.pptxSearchGeneration||viewer!==this.viewer)return;const highlight=await viewer.highlightSearchResult(match,{scrollIntoView:!1});if(generation!==this.pptxSearchGeneration||viewer!==this.viewer){highlight?.dispose();return}this.searchHighlight=highlight??void 0}catch(cause){generation===this.pptxSearchGeneration&&viewer===this.viewer&&this.reportPeerDiagnostic("pptx-search-error",cause,{page:match.slideIndex+1})}}}disposeSearchHighlight(){this.searchHighlight?.dispose(),this.searchHighlight=void 0}emitPptxSearchChange(){this.emit("lr-search-change",{query:this.pptxSearchQuery,matchCount:this.pptxSearchMatches.length,matchCountExact:this.pptxSearchMatchCountExact,activeIndex:this.pptxSearchActiveIndex})}reportPeerDiagnostic(code,cause,location={},fatal=!1){this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code,severity:"error",fatal,source:"pptx-renderer",cause,...location})}),fatal&&(this.teardown(),this.phase="error",this.slideCount=0,this.currentSlideIndex=0,this.page=1,this.errorMessage=this.localize("pptxViewerRenderError"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error:cause}))}async mount(){this.teardown(),this.pageViewerState.advance();const signal=this.beginAbortableLoad(),generation=this.generation;if(this.slideCount=0,this.currentSlideIndex=0,this.page=1,!this.src){this.phase="idle",this.publishPageViewerSnapshot("idle",0);return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.phase="error",this.errorMessage=error.message,this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}this.phase="loading",this.publishPageViewerSnapshot("loading",0);let module,response;try{[module,response]=await Promise.all([this.loadRenderer(),fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0)])}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.phase="error",this.errorMessage=this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}if(!this.isConnected||generation!==this.generation)return;if(!module||!response.ok){response.body?.cancel().catch(()=>{});const error=new LyraUserFacingError(this.localize(module?"documentPreviewFailedToLoad":"pptxViewerMissingLibrary"));this.phase="error",this.errorMessage=error.message,this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}let buffer;try{if(buffer=await readResponseArrayBuffer(response),!this.isConnected||generation!==this.generation)return;await assertPptxArchiveWithinLimits(buffer,{signal})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.phase="error",this.errorMessage=this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}if(!(!this.isConnected||generation!==this.generation)&&(this.phase="mounted",await this.updateComplete,!(!this.isConnected||generation!==this.generation||!this.containerEl)))try{const openedViewer=await module.PptxViewer.open(buffer,this.containerEl,{zipLimits:module.RECOMMENDED_ZIP_LIMITS,listOptions:{windowed:!0}});if(!this.isConnected||generation!==this.generation){openedViewer.destroy();return}const viewer=adaptPptxViewer(openedViewer);if(!viewer)throw openedViewer.destroy(),new TypeError("The PPTX renderer did not expose the required viewer capabilities.");this.viewer=viewer,this.viewerUnsubscribe=viewer.subscribe(this.onViewerEvent),this.slideCount=viewer.slideCount,this.isValidSlideIndex(viewer.currentSlideIndex)&&(this.currentSlideIndex=viewer.currentSlideIndex,this.page=viewer.currentSlideIndex+1),this.publishPageViewerSnapshot("ready",viewer.slideCount),this.emit("lr-load",{slideCount:viewer.slideCount})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.phase="error",this.errorMessage=this.localize("pptxViewerRenderError"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error})}}renderBody(){return this.phase==="loading"?renderViewerLoading(this.localize("loading")):this.phase==="error"?html`<div part="error">${this.errorMessage}</div>`:this.phase!=="mounted"?nothing:html`
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{finiteInteger}from"../../../internal/numbers.js";import{TextViewerTarget}from"../../../internal/text-viewer-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseArrayBuffer,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{adaptPptxViewer,getPptxRenderer}from"./pptx-loader.js";import{assertPptxArchiveWithinLimits}from"./pptx-resource-guard.js";import{styles}from"./pptx-viewer.styles.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{textQuoteContextScore}from"../document-viewer/anchors.js";import{PageViewerSnapshotController}from"../page-rail/page-viewer-snapshot.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{renderViewerPagerButton,viewerPagerStyles}from"../viewer-pager.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{shadowFocusTarget}from"../../../internal/active-element.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loading,LYRA_DEFAULT_pptxViewerFidelityNotice,LYRA_DEFAULT_pptxViewerLabel,LYRA_DEFAULT_pptxViewerMissingLibrary,LYRA_DEFAULT_pptxViewerNextSlide,LYRA_DEFAULT_pptxViewerPreviousSlide,LYRA_DEFAULT_pptxViewerRenderError,LYRA_DEFAULT_pptxViewerSlideOf}from"../../../internal/default-strings.generated.js";const MAX_PPTX_SEARCH_MATCHES=1e4,MAX_PPTX_THUMBNAIL_WIDTH=2048;class LyraPptxViewerBase extends LyraElement{}class LyraPptxViewer extends TextViewerTarget(LyraPptxViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.page=1,this.maxHeight="",this.phase="idle",this.errorMessage="",this.slideCount=0,this.currentSlideIndex=0,this.loadRenderer=getPptxRenderer,this.generation=0,this.announcements=new ViewerAnnouncementController(this),this.pptxSearchQuery="",this.lastSearchLocale="",this.pptxSearchMatches=[],this.pendingSearchResetEvent=!1,this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1,this.pptxSearchGeneration=0,this.pageViewerState=new PageViewerSnapshotController,this.anchorKinds=["text-quote","fragment","page"],this.onViewerEvent=event=>{if(event.kind==="slide-change"){this.commitSlide(event.index);return}this.reportPeerDiagnostic(event.code,event.cause,{page:event.page,nodeId:event.nodeId},event.fatal)},this.focusedPagerPart=null,this.detached=new DeferredTeardown(()=>this.releaseDetachedPresentation())}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,loading:LYRA_DEFAULT_loading,pptxViewerFidelityNotice:LYRA_DEFAULT_pptxViewerFidelityNotice,pptxViewerLabel:LYRA_DEFAULT_pptxViewerLabel,pptxViewerMissingLibrary:LYRA_DEFAULT_pptxViewerMissingLibrary,pptxViewerNextSlide:LYRA_DEFAULT_pptxViewerNextSlide,pptxViewerPreviousSlide:LYRA_DEFAULT_pptxViewerPreviousSlide,pptxViewerRenderError:LYRA_DEFAULT_pptxViewerRenderError,pptxViewerSlideOf:LYRA_DEFAULT_pptxViewerSlideOf}}static{this.styles=[LyraElement.styles,styles,viewerPagerStyles,srOnly,viewerLoadingStyles]}async search(query2){const generation=++this.pptxSearchGeneration,viewer=this.viewer,boundedQuery=boundedViewerSearchQuery(query2,this.effectiveLocale);if(this.pptxSearchQuery=query2,this.lastSearchLocale=this.effectiveLocale,this.disposeSearchHighlight(),viewer?.clearSearchHighlights(),!boundedQuery.accepted)return this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!1,this.pptxSearchActiveIndex=-1,this.emitPptxSearchChange(),0;if(!viewer||!boundedQuery.needle)return this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1,this.emitPptxSearchChange(),0;try{const raw=viewer.searchText(query2.trim(),{matchCase:!1});if(generation!==this.pptxSearchGeneration||viewer!==this.viewer)return this.pptxSearchMatches.length;const normalized=this.normalizeSearchResults(raw,viewer.slideCount);return this.pptxSearchMatches=normalized.matches,this.pptxSearchMatchCountExact=normalized.matchCountExact,this.pptxSearchActiveIndex=this.pptxSearchMatches.length>0?0:-1,this.emitPptxSearchChange(),this.pptxSearchActiveIndex>=0&&await this.focusPptxSearchMatch(this.pptxSearchActiveIndex,generation,viewer),this.pptxSearchMatches.length}catch(cause){return generation!==this.pptxSearchGeneration||viewer!==this.viewer||(this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!1,this.pptxSearchActiveIndex=-1,this.reportPeerDiagnostic("pptx-search-error",cause),this.emitPptxSearchChange()),0}}async searchNext(){const viewer=this.viewer;if(!viewer||this.pptxSearchMatches.length===0)return!1;const generation=++this.pptxSearchGeneration;return this.pptxSearchActiveIndex=(this.pptxSearchActiveIndex+1)%this.pptxSearchMatches.length,this.emitPptxSearchChange(),await this.focusPptxSearchMatch(this.pptxSearchActiveIndex,generation,viewer),generation===this.pptxSearchGeneration}async searchPrevious(){const viewer=this.viewer;if(!viewer||this.pptxSearchMatches.length===0)return!1;const generation=++this.pptxSearchGeneration;return this.pptxSearchActiveIndex=(this.pptxSearchActiveIndex-1+this.pptxSearchMatches.length)%this.pptxSearchMatches.length,this.emitPptxSearchChange(),await this.focusPptxSearchMatch(this.pptxSearchActiveIndex,generation,viewer),generation===this.pptxSearchGeneration}clearSearch(){this.pptxSearchGeneration++,this.pptxSearchQuery="",this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1,this.disposeSearchHighlight(),this.viewer?.clearSearchHighlights(),this.emitPptxSearchChange()}get pageViewerSnapshot(){return this.pageViewerState.value}set pageViewerSnapshot(_value){}textContentRoot(){return this.renderRoot.querySelector('[part="container"]')??this.renderRoot.querySelector('[part="base"]')}async applyAnchor(anchor){const viewer=this.viewer;if(anchor.kind==="page"){const index=anchor.page-1;return!viewer||!Number.isInteger(anchor.page)||index<0||index>=this.slideCount?!1:(await this.goToSlide(index),viewer===this.viewer&&this.currentSlideIndex===index)}if(anchor.kind==="text-quote"&&viewer){const slideIndex=this.slideForTextQuote(viewer,anchor);if(slideIndex>=0&&slideIndex!==this.currentSlideIndex){if(await this.goToSlide(slideIndex),viewer!==this.viewer||this.currentSlideIndex!==slideIndex)return!1;await this.updateComplete}}return this.applyMountedAnchor(anchor)}applyMountedAnchor(anchor){return Object.getPrototypeOf(LyraPptxViewer.prototype).applyAnchor.call(this,anchor)}slideForTextQuote(viewer,anchor){const quote=anchor.quote.trim(),bounded=boundedViewerSearchQuery(quote,this.effectiveLocale);if(!bounded.accepted||!bounded.needle)return-1;let matches;try{matches=this.normalizeSearchResults(viewer.searchText(quote,{matchCase:!1}),viewer.slideCount).matches}catch(cause){return this.reportPeerDiagnostic("pptx-search-error",cause),-1}let best,bestScore=-1;for(const match of matches){const score=textQuoteContextScore(match.text,match.matchStart,match.matchEnd,anchor.prefix,anchor.suffix);score>bestScore&&(best=match,bestScore=score)}return best?.slideIndex??-1}keepPagerFocus(){const part=this.focusedPagerPart;this.focusedPagerPart=null;const twin=part==="previous-button"?"next-button":part==="next-button"?"previous-button":void 0,root=this.shadowRoot;!twin||!root||root.querySelector(`[part="${part}"]`)?.disabled&&root.querySelector(`[part="${twin}"]:not(:disabled)`)?.focus()}updated(changed){if(super.updated(changed),this.keepPagerFocus(),this.announcements.transition("load",this.phase,this.phase==="error"?this.errorMessage:this.localize("loading")),changed.has("src")&&this.scheduleAfterUpdate(()=>{this.mount()}),changed.has("src")&&this.pendingSearchResetEvent&&(this.pendingSearchResetEvent=!1,this.emitPptxSearchChange()),changed.has("page")&&this.viewer&&this.page-1!==this.currentSlideIndex){const page=this.page;this.scheduleAfterUpdate(()=>{this.page===page&&this.goToSlide(page-1)},"page-navigation")}const locale=this.effectiveLocale;if(locale!==this.lastSearchLocale){const shouldRecompute=this.pptxSearchQuery!=="";this.lastSearchLocale=locale,shouldRecompute&&this.scheduleAfterUpdate(()=>{this.search(this.pptxSearchQuery)},"search")}}willUpdate(changed){super.willUpdate(changed);const active=shadowFocusTarget(this);this.focusedPagerPart=active?.localName==="button"&&!active.disabled?active.getAttribute("part"):null,changed.has("src")&&(this.pendingSearchResetEvent||=this.hasPptxSearchState(),this.resetPptxSearchState()),(changed.has("page")||changed.has("slideCount"))&&(this.page=finiteInteger(this.page,1,1,Math.max(1,this.slideCount)))}connectedCallback(){super.connectedCallback(),this.announcements.connect();const moved=this.detached.cancel();this.hasUpdated&&this.src&&!moved&&this.scheduleAfterUpdate(()=>{this.mount()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}releaseDetachedPresentation(){this.teardown(),this.phase="idle",this.slideCount=0,this.currentSlideIndex=0,this.page=1,this.pageViewerState.reset()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}async goToSlide(index){const viewer=this.viewer;if(!viewer||!Number.isSafeInteger(index)||index<0||index>=viewer.slideCount)return;const generation=this.generation;try{await viewer.goToSlide(index)}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation||viewer!==this.viewer)return;this.teardown(),this.phase="error",this.slideCount=0,this.currentSlideIndex=0,this.page=1,this.errorMessage=this.localize("pptxViewerRenderError"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}viewer===this.viewer&&viewer.currentSlideIndex!==this.currentSlideIndex&&this.commitSlide(viewer.currentSlideIndex)}async renderPageThumbnailToContainer(page,container,options){const viewer=this.viewer,generation=this.generation,width=options?.width??96;if(!viewer||!Number.isSafeInteger(page)||page<1||page>viewer.slideCount||!Number.isFinite(width)||width<=0||width>MAX_PPTX_THUMBNAIL_WIDTH)return!1;const previousChildren=[...container.childNodes],restorePreviousChildren=()=>{container.replaceChildren(...previousChildren)};let handle;try{handle=viewer.renderThumbnailToContainer(page-1,container,{width})}catch{return restorePreviousChildren(),!1}if(!handle)return restorePreviousChildren(),!1;try{await handle.ready}catch{return handle.dispose(),restorePreviousChildren(),!1}if(generation!==this.generation||viewer!==this.viewer||!container.isConnected)return handle.dispose(),restorePreviousChildren(),!1;for(const child of previousChildren)child.parentNode===container&&child.remove();return handle}isValidSlideIndex(index){return Number.isSafeInteger(index)&&index>=0&&index<this.slideCount}commitSlide(index){if(!this.isValidSlideIndex(index))return;const changed=index!==this.currentSlideIndex;this.currentSlideIndex=index,this.page=index+1,this.publishPageViewerSnapshot("ready",this.slideCount),changed&&this.emit("lr-slide-change",{index,count:this.slideCount})}publishPageViewerSnapshot(status,pageCount){const snapshot=this.pageViewerState.publish(status,finiteInteger(this.page,1,1,Math.max(1,pageCount)),finiteInteger(pageCount,0,0,Number.MAX_SAFE_INTEGER));snapshot&&this.isConnected&&this.emit("lr-page-viewer-state-change",{snapshot})}teardown(){const shouldEmitSearchReset=this.hasPptxSearchState();this.generation++,this.viewerUnsubscribe?.(),this.viewerUnsubscribe=void 0,this.viewer?.destroy(),this.viewer=void 0,this.resetPptxSearchState(),shouldEmitSearchReset&&this.emitPptxSearchChange()}hasPptxSearchState(){return this.pptxSearchQuery!==""||this.pptxSearchMatches.length>0||!this.pptxSearchMatchCountExact||this.pptxSearchActiveIndex!==-1}resetPptxSearchState(){this.pptxSearchGeneration++,this.disposeSearchHighlight(),this.viewer?.clearSearchHighlights(),this.pptxSearchQuery="",this.pptxSearchMatches=[],this.pptxSearchMatchCountExact=!0,this.pptxSearchActiveIndex=-1}normalizeSearchResults(value,slideCount){if(!Array.isArray(value))throw new TypeError("PPTX search returned a non-array result.");const matches=[],work=new ViewerSearchWorkBudget;let matchCountExact=!0;for(const candidate of value){if(!work.consume("")){matchCountExact=!1;break}if(!candidate||typeof candidate!="object")continue;const result=candidate;if(!(!Number.isSafeInteger(result.slideIndex)||result.slideIndex<0||result.slideIndex>=slideCount||typeof result.nodeId!="string"||typeof result.text!="string"||!Number.isSafeInteger(result.matchStart)||!Number.isSafeInteger(result.matchEnd)||result.matchStart<0||result.matchEnd<result.matchStart||result.matchEnd>result.text.length)){if(!work.consume(result.nodeId)||!work.consume(result.text)){matchCountExact=!1;break}if(matches.length===MAX_PPTX_SEARCH_MATCHES){matchCountExact=!1;break}matches.push(candidate)}}return{matches,matchCountExact:matchCountExact&&work.complete}}async focusPptxSearchMatch(index,generation,viewer){const match=this.pptxSearchMatches[index];if(match){this.disposeSearchHighlight(),viewer.clearSearchHighlights();try{if(await viewer.goToSlide(match.slideIndex),generation!==this.pptxSearchGeneration||viewer!==this.viewer)return;const highlight=await viewer.highlightSearchResult(match,{scrollIntoView:!1});if(generation!==this.pptxSearchGeneration||viewer!==this.viewer){highlight?.dispose();return}this.searchHighlight=highlight??void 0}catch(cause){generation===this.pptxSearchGeneration&&viewer===this.viewer&&this.reportPeerDiagnostic("pptx-search-error",cause,{page:match.slideIndex+1})}}}disposeSearchHighlight(){this.searchHighlight?.dispose(),this.searchHighlight=void 0}emitPptxSearchChange(){this.emit("lr-search-change",{query:this.pptxSearchQuery,matchCount:this.pptxSearchMatches.length,matchCountExact:this.pptxSearchMatchCountExact,activeIndex:this.pptxSearchActiveIndex})}reportPeerDiagnostic(code,cause,location={},fatal=!1){this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code,severity:"error",fatal,source:"pptx-renderer",cause,...location})}),fatal&&(this.teardown(),this.phase="error",this.slideCount=0,this.currentSlideIndex=0,this.page=1,this.errorMessage=this.localize("pptxViewerRenderError"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error:cause}))}async mount(){this.teardown(),this.pageViewerState.advance();const signal=this.beginAbortableLoad(),generation=this.generation;if(this.slideCount=0,this.currentSlideIndex=0,this.page=1,!this.src){this.phase="idle",this.publishPageViewerSnapshot("idle",0);return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.phase="error",this.errorMessage=error.message,this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}this.phase="loading",this.publishPageViewerSnapshot("loading",0);let module,response;try{[module,response]=await Promise.all([this.loadRenderer(),fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0)])}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.phase="error",this.errorMessage=this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}if(!this.isConnected||generation!==this.generation)return;if(!module||!response.ok){response.body?.cancel().catch(()=>{});const error=new LyraUserFacingError(this.localize(module?"documentPreviewFailedToLoad":"pptxViewerMissingLibrary"));this.phase="error",this.errorMessage=error.message,this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}let buffer;try{if(buffer=await readResponseArrayBuffer(response),!this.isConnected||generation!==this.generation)return;await assertPptxArchiveWithinLimits(buffer,{signal})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.phase="error",this.errorMessage=this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error});return}if(!(!this.isConnected||generation!==this.generation)&&(this.phase="mounted",await this.updateComplete,!(!this.isConnected||generation!==this.generation||!this.containerEl)))try{const openedViewer=await module.PptxViewer.open(buffer,this.containerEl,{zipLimits:module.RECOMMENDED_ZIP_LIMITS,listOptions:{windowed:!0}});if(!this.isConnected||generation!==this.generation){openedViewer.destroy();return}const viewer=adaptPptxViewer(openedViewer);if(!viewer)throw openedViewer.destroy(),new TypeError("The PPTX renderer did not expose the required viewer capabilities.");this.viewer=viewer,this.viewerUnsubscribe=viewer.subscribe(this.onViewerEvent),this.slideCount=viewer.slideCount,this.isValidSlideIndex(viewer.currentSlideIndex)&&(this.currentSlideIndex=viewer.currentSlideIndex,this.page=viewer.currentSlideIndex+1),this.publishPageViewerSnapshot("ready",viewer.slideCount),this.emit("lr-load",{slideCount:viewer.slideCount})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.phase="error",this.errorMessage=this.localize("pptxViewerRenderError"),this.publishPageViewerSnapshot("error",0),this.emit("lr-render-error",{error})}}renderBody(){return this.phase==="loading"?renderViewerLoading(this.localize("loading")):this.phase==="error"?html`<div part="error">${this.errorMessage}</div>`:this.phase!=="mounted"?nothing:html`
       <div part="nav" ?hidden=${this.slideCount<=1}>
         ${renderViewerPagerButton("previous",this.localize("pptxViewerPreviousSlide"),this.currentSlideIndex<=0,()=>this.goToSlide(this.currentSlideIndex-1))}
         <span part="slide-count">${this.localize("pptxViewerSlideOf",void 0,{current:getNumberFormat(this.effectiveLocale).format(this.currentSlideIndex+1),total:getNumberFormat(this.effectiveLocale).format(this.slideCount)})}</span>

package/dist/components/viewers/region-highlight-layer.js

@@ -1,4 +1,4 @@
-import{html,nothing}from"lit";import{styleMap}from"lit/directives/style-map.js";function renderRegionHighlightLayer(highlights,activeHighlightId,interactive,label,activate){return highlights.length?html`<div part="highlight-layer">
+import{html,nothing}from"lit";import{styleMap}from"lit/directives/style-map.js";import{getNumberFormat}from"../../internal/intl-cache.js";function renderRegionHighlightLayer(highlights,activeHighlightId,interactive,label,activate){return highlights.length?html`<div part="highlight-layer">
     ${highlights.map((highlight,index)=>html`
       ${interactive?html`<button
         part="region-highlight-target"
@@ -18,4 +18,17 @@ import{html,nothing}from"lit";import{styleMap}from"lit/directives/style-map.js";
         style=${styleMap({left:`${highlight.anchor.rect.x}%`,top:`${highlight.anchor.rect.y}%`,width:`${highlight.anchor.rect.width}%`,height:`${highlight.anchor.rect.height}%`})}
       ></div>
     `)}
-  </div>`:nothing}export{renderRegionHighlightLayer};
+  </div>`:nothing}function sameRegionRect(a,b){return a.page===b.page&&a.rect.x===b.rect.x&&a.rect.y===b.rect.y&&a.rect.width===b.rect.width&&a.rect.height===b.rect.height}function regionHighlightLabel(highlight,index,total,locale,localize){if(highlight.label)return localize("highlightWithLabel",{label:highlight.label});const numberFormat=getNumberFormat(locale);return localize("highlightOfTotal",{index:numberFormat.format(index+1),total:numberFormat.format(total)})}function moveHighlightActionFocus(root,rtl,e,index,total){const forward=e.key==="ArrowDown"||(rtl?e.key==="ArrowLeft":e.key==="ArrowRight"),backward=e.key==="ArrowUp"||(rtl?e.key==="ArrowRight":e.key==="ArrowLeft");let nextIndex;forward?nextIndex=Math.min(total-1,index+1):backward?nextIndex=Math.max(0,index-1):e.key==="Home"?nextIndex=0:e.key==="End"&&(nextIndex=total-1),!(nextIndex===void 0||nextIndex===index)&&(e.preventDefault(),root.querySelectorAll('[part="region-highlight-action"]')[nextIndex]?.focus())}function renderRegionHighlightActions(highlights,label,root,rtl,activate){return highlights.length<2?nothing:html`<div part="highlight-actions">
+    ${highlights.map((highlight,index)=>{const name=label(highlight,index,highlights.length);return html`
+      <button
+        part="region-highlight-action"
+        type="button"
+        data-highlight-id=${highlight.id}
+        aria-label=${name}
+        @click=${()=>activate(highlight.id)}
+        @keydown=${e=>moveHighlightActionFocus(root,rtl,e,index,highlights.length)}
+      >
+        ${highlight.label||name}
+      </button>
+    `})}
+  </div>`}export{regionHighlightLabel,renderRegionHighlightActions,renderRegionHighlightLayer,sameRegionRect};

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

@@ -68,7 +68,7 @@ name:string;
 /** A CSS `max-height`; invalid values are ignored. */
 maxHeight:string;
 /** Anchor kinds this viewer resolves via `scrollToAnchor()`. */
-readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private activeSheetIndex;private activeRowKey;private activeRowSheet;private cellHighlights;private searchMatches;private searchMatchCountExact;private searchActiveIndex;private searchQuery;private lastSearchLocale;private pendingSearchResetEvent;private generation;private loadLibrary;private lastLoadSrc;private readonly announcements;private readonly tableScroll;private readonly detached;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private load;private cellHighlightsForRow;private renderCell;private renderRow;private readonly virtualListKeyFunction;private renderSheet;private renderLoaded;private onTabsChange;private jumpToCell;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;private scrollColumnIntoView;
+readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private activeSheetIndex;private activeRowSheet;private generation;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 readonly virtualListKeyFunction;private renderSheet;private renderLoaded;private onTabsChange;private jumpToCell;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;private scrollColumnIntoView;
 /** Case-insensitive substring search over every sheet's raw-grid cells (the same stringification
 *  `cell()` renders), ordered sheet then row then column -- each sheet's header row is included,
 *  the same raw-grid convention `cell-range` anchors use. An empty/whitespace-only query behaves
@@ -83,4 +83,4 @@ searchNext():Promise<boolean>;
 searchPrevious():Promise<boolean>;
 /** Clears the query, matches, and active index, and resets `lr-search-change` to a
 *  0-match/no-active-index state. */
-clearSearch():void;private emitSearchChange;private stopInternalEvent;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-spreadsheet-viewer':LyraSpreadsheetViewer;}}export{};
+clearSearch():void;private stopInternalEvent;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-spreadsheet-viewer':LyraSpreadsheetViewer;}}export{};

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

@@ -1,18 +1,4 @@
-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{srOnly}from"../../../internal/a11y.js";import{assertTableDimensions,DEFAULT_MAX_TABLE_ROWS,isAbortError,isResourceLimitError,LyraResourceLimitError,LyraUserFacingError,readResponseArrayBuffer,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{TableViewerScrollController,tableHighlightsForColumn,tableHighlightsForRow}from"../table-viewer-shared.js";import{advanceViewerSearchIndex,viewerSearchDetail}from"../../../internal/viewer-search.js";import{DocumentAnchorTarget,prioritizedHighlightCandidates}from"../../../internal/anchor-target.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{parseCellRange}from"../../../internal/cell-range.js";import{loadSheetJsCached}from"./spreadsheet-loader.js";import{styles}from"./spreadsheet-viewer.styles.js";import{assertXlsxArchiveWithinLimits}from"./xlsx-resource-guard.js";import{getDateTimeFormat,getNumberFormat}from"../../../internal/intl-cache.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_noData,LYRA_DEFAULT_spreadsheetViewerLabel,LYRA_DEFAULT_spreadsheetViewerUnavailable,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings.generated.js";const MAX_SPREADSHEET_SHEETS=256,MAX_SPREADSHEET_CELLS=1e6,MAX_SEARCH_MATCHES=1e3;function cell(value,locale){if(value==null)return"";if(value instanceof Date){const dated=value.getUTCFullYear()>=1900,seconds=value.getUTCSeconds()>0,timed=!dated||seconds||value.getUTCHours()+value.getUTCMinutes()>0;return getDateTimeFormat(locale,{timeZone:"UTC",dateStyle:dated?"medium":void 0,timeStyle:timed?seconds?"medium":"short":void 0}).format(value)}return typeof value=="number"?getNumberFormat(locale,{useGrouping:!1}).format(value):String(value)}class LyraSpreadsheetViewerBase extends LyraElement{}class LyraSpreadsheetViewer extends DocumentAnchorTarget(LyraSpreadsheetViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.activeSheetIndex=0,this.activeRowKey="",this.activeRowSheet=0,this.cellHighlights=[],this.searchMatches=[],this.searchMatchCountExact=!0,this.searchActiveIndex=-1,this.searchQuery="",this.lastSearchLocale="",this.pendingSearchResetEvent=!1,this.generation=0,this.loadLibrary=loadSheetJsCached,this.lastLoadSrc="",this.announcements=new ViewerAnnouncementController(this),this.tableScroll=new TableViewerScrollController(this),this.detached=new DeferredTeardown(()=>{this.generation++,this.tableScroll.cancel(),this.fetchState={kind:"idle"},this.activeRowKey="",this.activeSheetIndex=0}),this.virtualListKeyFunction=(_item,bodyIndex)=>bodyIndex,this.onTabsChange=e=>{e.stopPropagation();const match=/^sheet-(\d+)$/.exec(e.detail.name);match&&(this.activeSheetIndex=Number(match[1]))},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,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loadingDocument:LYRA_DEFAULT_loadingDocument,noData:LYRA_DEFAULT_noData,spreadsheetViewerLabel:LYRA_DEFAULT_spreadsheetViewerLabel,spreadsheetViewerUnavailable:LYRA_DEFAULT_spreadsheetViewerUnavailable,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,viewerLoadingStyles,srOnly]}connectedCallback(){super.connectedCallback(),this.announcements.connect(),!this.detached.cancel()&&this.hasUpdated&&this.src&&this.src===this.lastLoadSrc&&this.scheduleAfterUpdate(()=>{this.load()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.tableScroll.cancel(),this.announcements.adopted()}willUpdate(changed){super.willUpdate(changed),changed.has("src")&&(this.pendingSearchResetEvent||=this.searchQuery!==""||this.searchMatches.length>0||!this.searchMatchCountExact||this.searchActiveIndex!==-1,this.searchQuery="",this.searchMatches=[],this.searchMatchCountExact=!0,this.searchActiveIndex=-1,this.activeRowKey="",this.activeSheetIndex=0),(changed.has("highlights")||changed.has("activeHighlightId"))&&(this.cellHighlights=prioritizedHighlightCandidates(this.highlights,this.activeHighlightId).flatMap(highlight=>{if(highlight.anchor.kind!=="cell-range")return[];const parsed=parseCellRange(highlight.anchor.range);return parsed?[{highlight,parsed,sheet:highlight.anchor.sheet??parsed.sheet}]:[]}))}updated(changed){super.updated(changed),this.announcements.transition("load",this.fetchState.kind,this.fetchState.kind==="error"?this.fetchState.message:this.localize("loadingDocument")),changed.has("src")&&this.scheduleAfterUpdate(()=>{this.load()}),changed.has("src")&&this.pendingSearchResetEvent&&(this.pendingSearchResetEvent=!1,this.emitSearchChange());const locale=this.effectiveLocale;if(locale!==this.lastSearchLocale){const shouldRecompute=!!this.searchQuery;this.lastSearchLocale=locale,shouldRecompute&&this.scheduleAfterUpdate(()=>{this.search(this.searchQuery)},"search")}}async load(){this.lastLoadSrc=this.src;const generation=++this.generation,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(!this.isConnected||generation!==this.generation)return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const library=await this.loadLibrary();if(!this.isConnected||generation!==this.generation)return;if(!library){const error=new LyraUserFacingError(this.localize("spreadsheetViewerUnavailable"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}const source=await readResponseArrayBuffer(response);if(!this.isConnected||generation!==this.generation||(await assertXlsxArchiveWithinLimits(source,void 0,void 0,{signal}),!this.isConnected||generation!==this.generation))return;const workbook=library.read(source,{type:"array",cellDates:!0,cellNF:!0,sheetRows:DEFAULT_MAX_TABLE_ROWS+1});if(!this.isConnected||generation!==this.generation)return;const sheetNames=workbook.SheetNames;if(!Array.isArray(sheetNames)||!sheetNames.every(name=>typeof name=="string"))throw new Error("The xlsx peer returned a malformed workbook.");if(sheetNames.length>MAX_SPREADSHEET_SHEETS)throw new LyraResourceLimitError("The spreadsheet contains too many sheets.");const sheets=[];let totalCells=0;for(const name of sheetNames){const sheet=workbook.Sheets[name]??{},range=parseCellRange(String(sheet["!ref"]??"A1"));if(!range)throw new Error("The xlsx peer returned a malformed workbook.");const rowCount=range.endRow-range.startRow+1,columnCount=range.endCol-range.startCol+1;if(assertTableDimensions(rowCount,columnCount),totalCells+=rowCount*columnCount,totalCells>MAX_SPREADSHEET_CELLS)throw new LyraResourceLimitError("The spreadsheet contains too many expanded cells.");for(const value of Object.values(sheet)){const formatted=value;formatted.t==="n"&&formatted.z!==void 0&&formatted.z!=="General"&&typeof formatted.w=="string"&&(formatted.t="s",formatted.v=formatted.w)}const rows=library.utils.sheet_to_json(sheet,{header:1,UTC:!0});sheets.push({name,rows,body:rows.slice(1),columns:rows.reduce((max,row)=>Math.max(max,row.length),0)})}this.isConnected&&generation===this.generation&&(this.fetchState={kind:"loaded",sheets},this.searchQuery&&await this.search(this.searchQuery))}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}cellHighlightsForRow(rawRow,currentSheetName){return tableHighlightsForRow(this.cellHighlights,rawRow,currentSheetName)}renderCell(value,colIndex,rowHighlights,role){const text=cell(value,this.effectiveLocale),colHighlights=tableHighlightsForColumn(rowHighlights,colIndex);if(!colHighlights.length)return html`<div part="cell" role=${role}>${text}</div>`;const active=colHighlights.find(entry=>entry.highlight.id===this.activeHighlightId),primary=active??colHighlights[0],accessibleLabel=primary.highlight.label?this.localize("cellHighlightWithLabel",void 0,{value:text,label:primary.highlight.label}):this.localize("highlightWithLabel",void 0,{label:text});return html`<div
-      part="cell cell-highlight"
-      role=${role}
-      ?data-active=${!!active}
-      style=${active?"--_lr-spreadsheet-viewer-highlight-color: var(--lr-color-warning, var(--lr-color-brand))":""}
-    >
-      <button
-        part="cell-highlight-action"
-        type="button"
-        aria-label=${accessibleLabel}
-        @click=${()=>{this.emit("lr-highlight-activate",{highlightId:primary.highlight.id})}}
-      >
-        ${text}
-      </button>
-    </div>`}renderRow(row,count,part,rawRow,sheetName){const rowHighlights=this.cellHighlightsForRow(rawRow,sheetName),header=part==="header-row";return html`<div
+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{srOnly}from"../../../internal/a11y.js";import{assertTableDimensions,DEFAULT_MAX_TABLE_ROWS,isAbortError,isResourceLimitError,LyraResourceLimitError,LyraUserFacingError,readResponseArrayBuffer,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{TableViewerController}from"../table-viewer-shared.js";import{delimitedColumnCount}from"../../../internal/delimited-data.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{parseCellRange}from"../../../internal/cell-range.js";import{loadSheetJsCached}from"./spreadsheet-loader.js";import{styles}from"./spreadsheet-viewer.styles.js";import{assertXlsxArchiveWithinLimits}from"./xlsx-resource-guard.js";import{getDateTimeFormat,getNumberFormat}from"../../../internal/intl-cache.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_spreadsheetViewerLabel,LYRA_DEFAULT_spreadsheetViewerUnavailable,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings.generated.js";const MAX_SPREADSHEET_SHEETS=256,MAX_SPREADSHEET_CELLS=1e6;function cell(value,locale){if(value==null)return"";if(value instanceof Date){const dated=value.getUTCFullYear()>=1900,seconds=value.getUTCSeconds()>0,timed=!dated||seconds||value.getUTCHours()+value.getUTCMinutes()>0;return getDateTimeFormat(locale,{timeZone:"UTC",dateStyle:dated?"medium":void 0,timeStyle:timed?seconds?"medium":"short":void 0}).format(value)}return typeof value=="number"?getNumberFormat(locale,{useGrouping:!1}).format(value):String(value)}class LyraSpreadsheetViewerBase extends LyraElement{}class LyraSpreadsheetViewer extends DocumentAnchorTarget(LyraSpreadsheetViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.activeSheetIndex=0,this.activeRowSheet=0,this.generation=0,this.loadLibrary=loadSheetJsCached,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.sheetIndex,match.row,match.col),teardown:()=>{this.generation++,this.fetchState={kind:"idle"},this.table.activeRowKey="",this.activeSheetIndex=0}}),this.virtualListKeyFunction=(_item,bodyIndex)=>bodyIndex,this.onTabsChange=e=>{e.stopPropagation();const match=/^sheet-(\d+)$/.exec(e.detail.name);match&&(this.activeSheetIndex=Number(match[1]))},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,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,spreadsheetViewerLabel:LYRA_DEFAULT_spreadsheetViewerLabel,spreadsheetViewerUnavailable:LYRA_DEFAULT_spreadsheetViewerUnavailable,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,viewerLoadingStyles,srOnly]}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,!0),changed.has("src")&&(this.activeSheetIndex=0)}updated(changed){super.updated(changed),this.table.updated(changed,this.fetchState)}async load(){this.table.lastLoadSrc=this.src;const generation=++this.generation,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(!this.isConnected||generation!==this.generation)return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const library=await this.loadLibrary();if(!this.isConnected||generation!==this.generation)return;if(!library){const error=new LyraUserFacingError(this.localize("spreadsheetViewerUnavailable"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}const source=await readResponseArrayBuffer(response);if(!this.isConnected||generation!==this.generation||(await assertXlsxArchiveWithinLimits(source,void 0,void 0,{signal}),!this.isConnected||generation!==this.generation))return;const workbook=library.read(source,{type:"array",cellDates:!0,cellNF:!0,sheetRows:DEFAULT_MAX_TABLE_ROWS+1});if(!this.isConnected||generation!==this.generation)return;const sheetNames=workbook.SheetNames;if(!Array.isArray(sheetNames)||!sheetNames.every(name=>typeof name=="string"))throw new Error("The xlsx peer returned a malformed workbook.");if(sheetNames.length>MAX_SPREADSHEET_SHEETS)throw new LyraResourceLimitError("The spreadsheet contains too many sheets.");const sheets=[];let totalCells=0;for(const name of sheetNames){const sheet=workbook.Sheets[name]??{},range=parseCellRange(String(sheet["!ref"]??"A1"));if(!range)throw new Error("The xlsx peer returned a malformed workbook.");const rowCount=range.endRow-range.startRow+1,columnCount=range.endCol-range.startCol+1;if(assertTableDimensions(rowCount,columnCount),totalCells+=rowCount*columnCount,totalCells>MAX_SPREADSHEET_CELLS)throw new LyraResourceLimitError("The spreadsheet contains too many expanded cells.");for(const value of Object.values(sheet)){const formatted=value;formatted.t==="n"&&formatted.z!==void 0&&formatted.z!=="General"&&typeof formatted.w=="string"&&(formatted.t="s",formatted.v=formatted.w)}const rows=library.utils.sheet_to_json(sheet,{header:1,UTC:!0});sheets.push({name,rows,body:rows.slice(1),columns:delimitedColumnCount(rows)})}this.isConnected&&generation===this.generation&&(this.fetchState={kind:"loaded",sheets},this.table.search.query&&await this.search(this.table.search.query))}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.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,this.effectiveLocale),colIndex,rowHighlights,role,"cell","--_lr-spreadsheet-viewer-highlight-color",this.activeHighlightId)}renderRow(row,count,part,rawRow,sheetName){const rowHighlights=this.table.highlightsForRow(rawRow,sheetName),header=part==="header-row";return html`<div
       part=${part}
       role=${header?"row":"presentation"}
       aria-rowindex=${header?"1":nothing}
@@ -33,7 +19,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
         .items=${guard([sheet.body],()=>sheet.body)}
         .renderItem=${(row,bodyIndex)=>this.renderRow(row,count,"data-row",bodyIndex+2,sheet.name)}
         .keyFunction=${this.virtualListKeyFunction}
-        .activeItemId=${index===this.activeRowSheet?this.activeRowKey:""}
+        .activeItemId=${index===this.activeRowSheet?this.table.activeRowKey:""}
         item-role="row"
         row-index-offset="1"
         @lr-load-more=${this.stopInternalEvent}
@@ -49,7 +35,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
       >${sheets.map((sheet,index)=>html`<lr-tab panel=${`sheet-${index}`}>${sheet.name}</lr-tab>`)}${sheets.map((sheet,index)=>html`<lr-tab-panel name=${`sheet-${index}`}
             >${index===this.activeSheetIndex?this.renderSheet(sheet,index):nothing}</lr-tab-panel
           >`)}</lr-tab-group
-    >`:html`<p class="empty-note">${this.localize("noData")}</p>`}async jumpToCell(sheetIndex,rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{sheets}=loadedState;if(sheetIndex<0||sheetIndex>=sheets.length)return!1;const sheet=sheets[sheetIndex];if(rawRow<1||rawRow>sheet.rows.length||col<0||col>=sheet.columns)return!1;const bodyIndex=rawRow-2;if(this.activeSheetIndex=sheetIndex,await this.updateComplete,bodyIndex<0){const target=this.renderRoot.querySelector(`[part="sheet"][data-sheet-index="${sheetIndex}"] [part="header-row"]`)?.querySelectorAll('[part~="cell"]')[col];return target?.scrollIntoView({behavior:prefersReducedMotion(this)?"auto":"smooth",block:"nearest",inline:"nearest"}),!!target}return this.activeRowSheet=sheetIndex,this.activeRowKey=bodyIndex,await this.updateComplete,await this.scrollColumnIntoView(sheetIndex,col),this.fetchState===loadedState}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||this.fetchState.kind!=="loaded")return!1;const parsed=parseCellRange(anchor.range);if(!parsed)return!1;const sheetName=anchor.sheet??parsed.sheet,sheetIndex=sheetName?this.fetchState.sheets.findIndex(s=>s.name===sheetName):this.activeSheetIndex;return sheetIndex<0?!1:this.jumpToCell(sheetIndex,parsed.startRow+1,parsed.startCol)}async scrollColumnIntoView(sheetIndex,col){const list=this.renderRoot.querySelector(`${tag("virtual-list")}[data-sheet-index="${sheetIndex}"]`);await this.tableScroll.scrollColumnIntoView(list,col)}async search(query){this.searchQuery=query,this.lastSearchLocale=this.effectiveLocale;const boundedQuery=boundedViewerSearchQuery(query,this.effectiveLocale),trimmed=boundedQuery.needle,matches=[];let matchCountExact=boundedQuery.accepted;if(boundedQuery.accepted&&trimmed&&this.fetchState.kind==="loaded"){const budget=new ViewerSearchWorkBudget;searchCells:for(let sheetIndex=0;sheetIndex<this.fetchState.sheets.length;sheetIndex++){const sheet=this.fetchState.sheets[sheetIndex];for(let r=0;r<sheet.rows.length;r++){const row=sheet.rows[r];for(let c=0;c<row.length;c++){if(budget.includes(cell(row[c],this.effectiveLocale),trimmed,this.effectiveLocale)){if(matches.length===MAX_SEARCH_MATCHES){matchCountExact=!1;break searchCells}matches.push({sheetIndex,row:r+1,col:c})}if(!budget.complete){matchCountExact=!1;break searchCells}}}}}if(this.searchMatches=matches,this.searchMatchCountExact=matchCountExact,this.searchActiveIndex=matches.length>0?0:-1,this.emitSearchChange(),this.searchActiveIndex>=0){const first=matches[0];await this.jumpToCell(first.sheetIndex,first.row,first.col)}return matches.length}async searchNext(){if(!this.searchMatches.length)return!1;this.searchActiveIndex=advanceViewerSearchIndex(this.searchActiveIndex,this.searchMatches.length,1),this.emitSearchChange();const match=this.searchMatches[this.searchActiveIndex];return await this.jumpToCell(match.sheetIndex,match.row,match.col),!0}async searchPrevious(){if(!this.searchMatches.length)return!1;this.searchActiveIndex=advanceViewerSearchIndex(this.searchActiveIndex,this.searchMatches.length,-1),this.emitSearchChange();const match=this.searchMatches[this.searchActiveIndex];return await this.jumpToCell(match.sheetIndex,match.row,match.col),!0}clearSearch(){this.searchQuery="",this.searchMatches=[],this.searchMatchCountExact=!0,this.searchActiveIndex=-1,this.activeRowKey="",this.emit("lr-search-change",viewerSearchDetail("",0,!0,-1))}emitSearchChange(){this.emit("lr-search-change",viewerSearchDetail(this.searchQuery,this.searchMatches.length,this.searchMatchCountExact,this.searchActiveIndex))}render(){const body=this.fetchState.kind==="loaded"?this.renderLoaded(this.fetchState.sheets):this.fetchState.kind==="loading"?renderViewerLoading(this.localize("loadingDocument")):this.fetchState.kind==="error"?html`<div part="error">${this.fetchState.message}</div>`:html`<p class="empty-note">${this.localize("documentPreviewEmpty",void 0,{type:this.localize("documentPreviewTypeDocument")})}</p>`,maxHeight=sanitizeCssLength(this.maxHeight);return html`<div
+    >`:html`<p class="empty-note">${this.localize("noData")}</p>`}async jumpToCell(sheetIndex,rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{sheets}=loadedState;if(sheetIndex<0||sheetIndex>=sheets.length)return!1;const sheet=sheets[sheetIndex];if(rawRow<1||rawRow>sheet.rows.length||col<0||col>=sheet.columns)return!1;const bodyIndex=rawRow-2;return this.activeSheetIndex=sheetIndex,await this.updateComplete,bodyIndex<0?this.table.revealCell(this.renderRoot.querySelector(`[part="sheet"][data-sheet-index="${sheetIndex}"] [part="header-row"]`)?.querySelectorAll('[part~="cell"]')[col]):(this.activeRowSheet=sheetIndex,this.table.setActiveRow(bodyIndex),await this.updateComplete,await this.scrollColumnIntoView(sheetIndex,col),this.fetchState===loadedState)}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||this.fetchState.kind!=="loaded")return!1;const parsed=parseCellRange(anchor.range);if(!parsed)return!1;const sheetName=anchor.sheet??parsed.sheet,sheetIndex=sheetName?this.fetchState.sheets.findIndex(s=>s.name===sheetName):this.activeSheetIndex;return sheetIndex<0?!1:this.jumpToCell(sheetIndex,parsed.startRow+1,parsed.startCol)}async scrollColumnIntoView(sheetIndex,col){await this.table.scrollColumnIntoView(this.renderRoot,`${tag("virtual-list")}[data-sheet-index="${sheetIndex}"]`,col)}async search(query){return this.table.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{sheets}=this.fetchState;for(let sheetIndex=0;sheetIndex<sheets.length;sheetIndex++){const sheet=sheets[sheetIndex];for(let r=0;r<sheet.rows.length;r++){const row=sheet.rows[r];for(let c=0;c<row.length;c++)if(!visit(cell(row[c],this.effectiveLocale),{sheetIndex,row:r+1,col:c}))return}}})}async searchNext(){return this.table.step(1)}async searchPrevious(){return this.table.step(-1)}clearSearch(){this.table.clearSearch()}render(){const body=this.fetchState.kind==="loaded"?this.renderLoaded(this.fetchState.sheets):this.fetchState.kind==="loading"?renderViewerLoading(this.localize("loadingDocument")):this.fetchState.kind==="error"?html`<div part="error">${this.fetchState.message}</div>`:html`<p class="empty-note">${this.localize("documentPreviewEmpty",void 0,{type:this.localize("documentPreviewTypeDocument")})}</p>`,maxHeight=sanitizeCssLength(this.maxHeight);return html`<div
       part="base"
       role=${viewerSemanticRole(this,"region")??nothing}
       style=${maxHeight?styleMap({"--lr-spreadsheet-viewer-max-height":maxHeight}):nothing}
@@ -58,4 +44,4 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
     >
       <div part="body">${body}</div>
       ${this.renderAnchorLiveRegion()}
-    </div>`}}__decorate([property()],LyraSpreadsheetViewer.prototype,"src",void 0),__decorate([property()],LyraSpreadsheetViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraSpreadsheetViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"fetchState",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"activeSheetIndex",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"activeRowKey",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"activeRowSheet",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"searchMatches",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"searchActiveIndex",void 0);export{LyraSpreadsheetViewer};
+    </div>`}}__decorate([property()],LyraSpreadsheetViewer.prototype,"src",void 0),__decorate([property()],LyraSpreadsheetViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraSpreadsheetViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"fetchState",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"activeSheetIndex",void 0),__decorate([state()],LyraSpreadsheetViewer.prototype,"activeRowSheet",void 0);export{LyraSpreadsheetViewer};

package/dist/components/viewers/spreadsheet-viewer/spreadsheet-viewer.styles.js

@@ -1 +1 @@
-import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";const styles=css` :host { display: block; min-inline-size: 0; } [part='base'], [part='body'], [part='sheet'] { display: flex; flex-direction: column; min-inline-size: 0; } [part='body'] { box-sizing: border-box; overflow-y: auto; overflow-x: hidden; max-block-size: var(--lr-spreadsheet-viewer-max-height, none); } [part='sheet'] { overflow-x: auto; overflow-y: hidden; } [part='header-row'] { display: grid; min-inline-size: max-content; align-items: center; position: sticky; inset-block-start: 0; z-index: var(--lr-layer-content); background: var(--lr-color-surface); color: var(--lr-color-text); font-weight: var(--lr-font-weight-semibold); border-block-end: var(--lr-border-width-medium) solid var(--lr-color-border-subtle); } [part='cell'] { padding: var(--lr-space-2xs) var(--lr-space-xs); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--lr-font-size-sm); color: var(--lr-color-text); } lr-virtual-list::part(data-row) { display: grid; min-inline-size: max-content; align-items: center; } lr-virtual-list::part(cell) { padding: var(--lr-space-2xs) var(--lr-space-xs); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--lr-font-size-sm); color: var(--lr-color-text); } [part~='cell-highlight'], lr-virtual-list::part(cell-highlight) { outline: var(--lr-border-width-medium) solid var( --lr-spreadsheet-viewer-highlight-color, var(--_lr-spreadsheet-viewer-highlight-color, var(--lr-color-brand)) ); outline-offset: var( --lr-spreadsheet-viewer-highlight-outline-offset, calc(-1 * var(--lr-border-width-medium)) ); padding: 0; } [part='cell-highlight-action'], lr-virtual-list::part(cell-highlight-action) { all: unset; box-sizing: border-box; display: block; inline-size: 100%; ${iconHitTarget} padding: var(--lr-space-2xs) var(--lr-space-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='cell-highlight-action']:hover, lr-virtual-list::part(cell-highlight-action):hover { background: var(--lr-color-brand-quiet); } [part='cell-highlight-action']:active, lr-virtual-list::part(cell-highlight-action):active { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part='cell-highlight-action']:focus-visible, lr-virtual-list::part(cell-highlight-action):focus-visible { outline: var(--lr-focus-ring); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } [part='rows'] { --lr-virtual-list-height: var(--lr-size-20rem); min-inline-size: max-content; } .empty-note, [part='error'] { margin: 0; padding: var(--lr-space-m); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-md-sm); } [part='error'] { color: var(--lr-color-danger); text-align: center; } `;export{styles};
+import{delimitedGridStyles,tableCellHighlightStyles}from"../table-viewer-shared.styles.js";import{css}from"lit";const styles=css` :host { display: block; min-inline-size: 0; } ${delimitedGridStyles(css`var(--lr-spreadsheet-viewer-max-height, none)`)} [part='header-row'] { position: sticky; inset-block-start: 0; z-index: var(--lr-layer-content); } ${tableCellHighlightStyles({color:css`var(--lr-spreadsheet-viewer-highlight-color, var(--_lr-spreadsheet-viewer-highlight-color, var(--lr-color-brand)))`,padding:css`var(--lr-space-2xs) var(--lr-space-xs)`,outlineOffset:css`var(--lr-spreadsheet-viewer-highlight-outline-offset, calc(-1 * var(--lr-border-width-medium)))`,cellCursor:!1})} [part='rows'] { --lr-virtual-list-height: var(--lr-size-20rem); min-inline-size: max-content; } .empty-note, [part='error'] { margin: 0; padding: var(--lr-space-m); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-md-sm); } [part='error'] { color: var(--lr-color-danger); text-align: center; } `;export{styles};

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

@@ -65,7 +65,7 @@ maxHeight:string;
 zoomable:boolean;
 /** Anchor kinds this viewer resolves via `scrollToAnchor()`. `highlights`/`activeHighlightId`/
 *  `anchor` are inherited from `DocumentAnchorTarget` -- display-only, no creation UI here. */
-readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private generation;private readonly announcements;connectedCallback():void;private readonly detached;disconnectedCallback():void;adoptedCallback():void;protected updated(changed:PropertyValues):void;private load;private renderBody;private stopPanZoomEvent;private renderZoomableWrapper;private regionHighlights;private highlightActionLabel;private renderHighlightLayer;private renderHighlightActions;private onHighlightActionKeyDown;
+readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private generation;private readonly announcements;connectedCallback():void;private readonly detached;disconnectedCallback():void;adoptedCallback():void;protected updated(changed:PropertyValues):void;private load;private renderBody;private stopPanZoomEvent;private renderZoomableWrapper;private regionHighlights;private highlightActionLabel;private renderHighlightLayer;private renderHighlightActions;
 /** Per-viewer hook for `DocumentAnchorTarget`: resolves a `region` anchor back to its owning
 *  `highlights` entry (matched by reference first, so `scrollToAnchor(highlight.anchor)`
 *  resolves directly, then by structural equality of `rect`/`page` so an equivalent

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

@@ -1,22 +1,9 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{unsafeSVG}from"lit/directives/unsafe-svg.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{DocumentAnchorTarget,prioritizedHighlightCandidates}from"../../../internal/anchor-target.js";import{isAbortError,isResourceLimitError,LyraResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{loadSvgSanitizer}from"./dompurify-loader.js";import{styles}from"./svg-viewer.styles.js";import{sanitizeCssLength,sanitizePercentRect}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{renderRegionHighlightLayer}from"../region-highlight-layer.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeImage,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_documentViewerMissingSanitizer,LYRA_DEFAULT_highlightOfTotal,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_svgViewerLabel}from"../../../internal/default-strings.generated.js";function sameRegionAnchor(a,b){return a.kind!=="region"||b.kind!=="region"?!1:a.page===b.page&&a.rect.x===b.rect.x&&a.rect.y===b.rect.y&&a.rect.width===b.rect.width&&a.rect.height===b.rect.height}const MAX_USE_CLONES=1e5;function useClones(root,scope,memo){const uses=[...scope.querySelectorAll("use")];"localName"in scope&&scope.localName==="use"&&uses.push(scope);let total=0;for(const use of uses){const target=root.getElementById((use.getAttribute("href")??use.getAttribute("xlink:href")??"").trim().slice(1));if(!target)continue;let clones=memo.get(target);if(clones===void 0&&(memo.set(target,1/0),clones=1+target.querySelectorAll("*").length+useClones(root,target,memo),memo.set(target,clones)),total+=clones,total>MAX_USE_CLONES)return 1/0}return total}function sanitizeInlineSvg(sanitizer,raw,ownerDocument){const markup=sanitizePassiveMarkup(sanitizer,raw,ownerDocument,"passive-svg"),template=ownerDocument.createElement("template");if(template.innerHTML=markup,!template.content.querySelector("svg"))throw new Error("SVG sanitizer did not return an SVG document.");if(useClones(template.content,template.content,new Map)>MAX_USE_CLONES)throw new LyraResourceLimitError("The SVG expands too many <use> references.");return markup}const MAX_PAINTED_HIGHLIGHTS=100;class LyraSvgViewerBase extends LyraElement{}class LyraSvgViewer extends DocumentAnchorTarget(LyraSvgViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this.zoomable=!1,this.anchorKinds=["region"],this.fetchState={kind:"idle"},this.generation=0,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>{this.generation++,this.beginAbortableLoad(),this.fetchState={kind:"idle"}})}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeImage:LYRA_DEFAULT_documentPreviewTypeImage,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,documentViewerMissingSanitizer:LYRA_DEFAULT_documentViewerMissingSanitizer,highlightOfTotal:LYRA_DEFAULT_highlightOfTotal,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loadingDocument:LYRA_DEFAULT_loadingDocument,svgViewerLabel:LYRA_DEFAULT_svgViewerLabel}}static{this.styles=[LyraElement.styles,styles,viewerLoadingStyles,srOnly]}connectedCallback(){super.connectedCallback(),this.announcements.connect(),!this.detached.cancel()&&this.hasUpdated&&this.src&&this.scheduleAfterUpdate(()=>{this.load()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}updated(changed){super.updated(changed),this.announcements.transition("load",this.fetchState.kind,this.fetchState.kind==="error"?this.fetchState.message:this.localize("loadingDocument")),changed.has("src")&&this.scheduleAfterUpdate(()=>{this.load()})}async load(){const generation=++this.generation,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(!this.isConnected||generation!==this.generation)return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const sanitizer=await loadSvgSanitizer();if(!this.isConnected||generation!==this.generation)return;if(!sanitizer)throw new LyraUserFacingError(this.localize("documentViewerMissingSanitizer"));const raw=await readResponseText(response);if(!this.isConnected||generation!==this.generation)return;const markup=sanitizeInlineSvg(sanitizer,raw,this.ownerDocument);this.isConnected&&generation===this.generation&&(this.fetchState={kind:"loaded",markup})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;const message=error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad");this.fetchState={kind:"error",message},this.emit("lr-render-error",{error})}}renderBody(regionHighlights){switch(this.fetchState.kind){case"loaded":return this.renderZoomableWrapper(html`<div part="svg">${unsafeSVG(this.fetchState.markup)}</div>`,regionHighlights);case"loading":return renderViewerLoading(this.localize("loadingDocument"));case"error":return html`<div part="error">${this.fetchState.message}</div>`;default:return html`<p class="empty-note">${this.localize("documentPreviewEmpty",void 0,{type:this.localize("documentPreviewTypeImage")})}</p>`}}stopPanZoomEvent(event){event.stopPropagation()}renderZoomableWrapper(content,regionHighlights){const inner=html`<div class="zoom-content">
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{unsafeSVG}from"lit/directives/unsafe-svg.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{DocumentAnchorTarget,prioritizedHighlightCandidates}from"../../../internal/anchor-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{loadSvgSanitizer}from"./dompurify-loader.js";import{styles}from"./svg-viewer.styles.js";import{sanitizeCssLength,sanitizePercentRect}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerFrameStyles}from"../viewer-frame.js";import{regionHighlightLabel,renderRegionHighlightActions,renderRegionHighlightLayer,sameRegionRect}from"../region-highlight-layer.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeImage,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_documentViewerMissingSanitizer,LYRA_DEFAULT_download,LYRA_DEFAULT_highlightOfTotal,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_popover,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_svgViewerLabel}from"../../../internal/default-strings.generated.js";function sameRegionAnchor(a,b){return a.kind==="region"&&b.kind==="region"&&sameRegionRect(a,b)}function sanitizeInlineSvg(sanitizer,raw,ownerDocument){const markup=sanitizePassiveMarkup(sanitizer,raw,ownerDocument,"passive-svg"),template=ownerDocument.createElement("template");if(template.innerHTML=markup,!template.content.querySelector("svg"))throw new Error("SVG sanitizer did not return an SVG document.");return markup}const MAX_PAINTED_HIGHLIGHTS=100;class LyraSvgViewerBase extends LyraElement{}class LyraSvgViewer extends DocumentAnchorTarget(LyraSvgViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this.zoomable=!1,this.anchorKinds=["region"],this.fetchState={kind:"idle"},this.generation=0,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>{this.generation++,this.beginAbortableLoad(),this.fetchState={kind:"idle"}})}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeImage:LYRA_DEFAULT_documentPreviewTypeImage,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,documentViewerMissingSanitizer:LYRA_DEFAULT_documentViewerMissingSanitizer,download:LYRA_DEFAULT_download,highlightOfTotal:LYRA_DEFAULT_highlightOfTotal,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,popover:LYRA_DEFAULT_popover,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,svgViewerLabel:LYRA_DEFAULT_svgViewerLabel}}static{this.styles=[LyraElement.styles,styles,viewerFrameStyles,viewerLoadingStyles,srOnly]}connectedCallback(){super.connectedCallback(),this.announcements.connect(),!this.detached.cancel()&&this.hasUpdated&&this.src&&this.scheduleAfterUpdate(()=>{this.load()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}updated(changed){super.updated(changed),this.announcements.transition("load",this.fetchState.kind,this.fetchState.kind==="error"?this.fetchState.message:this.localize("loadingDocument")),changed.has("src")&&this.scheduleAfterUpdate(()=>{this.load()})}async load(){const generation=++this.generation,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(!this.isConnected||generation!==this.generation)return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const sanitizer=await loadSvgSanitizer();if(!this.isConnected||generation!==this.generation)return;if(!sanitizer)throw new LyraUserFacingError(this.localize("documentViewerMissingSanitizer"));const raw=await readResponseText(response);if(!this.isConnected||generation!==this.generation)return;const markup=sanitizeInlineSvg(sanitizer,raw,this.ownerDocument);this.isConnected&&generation===this.generation&&(this.fetchState={kind:"loaded",markup})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;const message=error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad");this.fetchState={kind:"error",message},this.emit("lr-render-error",{error})}}renderBody(regionHighlights){switch(this.fetchState.kind){case"loaded":return this.renderZoomableWrapper(html`<div part="svg">${unsafeSVG(this.fetchState.markup)}</div>`,regionHighlights);case"loading":return renderViewerLoading(this.localize("loadingDocument"));case"error":return html`<div part="error">${this.fetchState.message}</div>`;default:return html`<p class="empty-note">${this.localize("documentPreviewEmpty",void 0,{type:this.localize("documentPreviewTypeImage")})}</p>`}}stopPanZoomEvent(event){event.stopPropagation()}renderZoomableWrapper(content,regionHighlights){const inner=html`<div class="zoom-content">
       ${content}${this.renderHighlightLayer(regionHighlights,regionHighlights.length===1)}
     </div>`,frame=this.zoomable?html`<lr-pan-zoom
       exportparts="viewport:frame-viewport, content:frame-content, controls:frame-controls, zoom-in:frame-zoom-in, zoom-out:frame-zoom-out, reset:frame-reset"
       @lr-zoom-change=${this.stopPanZoomEvent}
-    >${inner}</lr-pan-zoom>`:inner;return html`${frame}${this.renderHighlightActions(regionHighlights)}`}regionHighlights(){const candidates=prioritizedHighlightCandidates(this.highlights,this.activeHighlightId),seen=new Set,resolved=[];for(const highlight of candidates){if(seen.has(highlight.id)||(seen.add(highlight.id),highlight.anchor.kind!=="region"))continue;const rect=sanitizePercentRect(highlight.anchor.rect);if(rect&&(resolved.push({...highlight,anchor:{...highlight.anchor,rect}}),resolved.length>=MAX_PAINTED_HIGHLIGHTS))break}return resolved}highlightActionLabel(highlight,index,total){if(highlight.label)return this.localize("highlightWithLabel",void 0,{label:highlight.label});const numberFormat=getNumberFormat(this.effectiveLocale);return this.localize("highlightOfTotal",void 0,{index:numberFormat.format(index+1),total:numberFormat.format(total)})}renderHighlightLayer(regionHighlights,interactive){return renderRegionHighlightLayer(regionHighlights,this.activeHighlightId,interactive,(highlight,index,total)=>this.highlightActionLabel(highlight,index,total),highlightId=>this.emit("lr-highlight-activate",{highlightId}))}renderHighlightActions(regionHighlights){return regionHighlights.length<2?nothing:html`<div part="highlight-actions">
-      ${regionHighlights.map((highlight,index)=>{const label=this.highlightActionLabel(highlight,index,regionHighlights.length);return html`
-        <button
-          part="region-highlight-action"
-          type="button"
-          data-highlight-id=${highlight.id}
-          aria-label=${label}
-          @click=${()=>this.emit("lr-highlight-activate",{highlightId:highlight.id})}
-          @keydown=${e=>this.onHighlightActionKeyDown(e,index,regionHighlights.length)}
-        >
-          ${highlight.label||label}
-        </button>
-      `})}
-    </div>`}onHighlightActionKeyDown(e,index,total){const rtl=this.effectiveDirection==="rtl",forward=e.key==="ArrowDown"||(rtl?e.key==="ArrowLeft":e.key==="ArrowRight"),backward=e.key==="ArrowUp"||(rtl?e.key==="ArrowRight":e.key==="ArrowLeft");let nextIndex;forward?nextIndex=Math.min(total-1,index+1):backward?nextIndex=Math.max(0,index-1):e.key==="Home"?nextIndex=0:e.key==="End"&&(nextIndex=total-1),!(nextIndex===void 0||nextIndex===index)&&(e.preventDefault(),this.renderRoot.querySelectorAll('[part="region-highlight-action"]')[nextIndex]?.focus())}async applyAnchor(anchor){if(anchor.kind!=="region"||this.fetchState.kind!=="loaded")return!1;const highlight=this.highlights.find(h=>h.anchor===anchor||sameRegionAnchor(h.anchor,anchor));if(!highlight)return!1;await this.updateComplete;const region=[...this.renderRoot.querySelectorAll('[part~="region-highlight"][data-id]')].find(candidate=>candidate.getAttribute("data-id")===highlight.id);if(!region)return!1;const behavior=prefersReducedMotion(this)?"auto":"smooth";return region.scrollIntoView({behavior,block:"center",inline:"center"}),!0}render(){const maxHeight=sanitizeCssLength(this.maxHeight),regionHighlights=this.regionHighlights(),surfaceRole=this.fetchState.kind==="loaded"&&!this.zoomable&&regionHighlights.length===0?"img":"region";return html`<div part="base" role=${viewerSemanticRole(this,surfaceRole)??nothing} aria-label=${viewerSemanticLabel(this,this.name||this.localize("svgViewerLabel"))??nothing} aria-busy=${this.fetchState.kind==="loading"?"true":"false"} style=${maxHeight?styleMap({"--lr-svg-viewer-max-height":maxHeight}):nothing}>
+    >${inner}</lr-pan-zoom>`:inner;return html`${frame}${this.renderHighlightActions(regionHighlights)}`}regionHighlights(){const candidates=prioritizedHighlightCandidates(this.highlights,this.activeHighlightId),seen=new Set,resolved=[];for(const highlight of candidates){if(seen.has(highlight.id)||(seen.add(highlight.id),highlight.anchor.kind!=="region"))continue;const rect=sanitizePercentRect(highlight.anchor.rect);if(rect&&(resolved.push({...highlight,anchor:{...highlight.anchor,rect}}),resolved.length>=MAX_PAINTED_HIGHLIGHTS))break}return resolved}highlightActionLabel(highlight,index,total){return regionHighlightLabel(highlight,index,total,this.effectiveLocale,(key,values)=>this.localize(key,void 0,values))}renderHighlightLayer(regionHighlights,interactive){return renderRegionHighlightLayer(regionHighlights,this.activeHighlightId,interactive,(highlight,index,total)=>this.highlightActionLabel(highlight,index,total),highlightId=>this.emit("lr-highlight-activate",{highlightId}))}renderHighlightActions(regionHighlights){return renderRegionHighlightActions(regionHighlights,(highlight,index,total)=>this.highlightActionLabel(highlight,index,total),this.renderRoot,this.effectiveDirection==="rtl",highlightId=>this.emit("lr-highlight-activate",{highlightId}))}async applyAnchor(anchor){if(anchor.kind!=="region"||this.fetchState.kind!=="loaded")return!1;const highlight=this.highlights.find(h=>h.anchor===anchor||sameRegionAnchor(h.anchor,anchor));if(!highlight)return!1;await this.updateComplete;const region=[...this.renderRoot.querySelectorAll('[part~="region-highlight"][data-id]')].find(candidate=>candidate.getAttribute("data-id")===highlight.id);if(!region)return!1;const behavior=prefersReducedMotion(this)?"auto":"smooth";return region.scrollIntoView({behavior,block:"nearest",inline:"nearest"}),!0}render(){const maxHeight=sanitizeCssLength(this.maxHeight),regionHighlights=this.regionHighlights(),surfaceRole=this.fetchState.kind==="loaded"&&!this.zoomable&&regionHighlights.length===0?"img":"region";return html`<div part="base" role=${viewerSemanticRole(this,surfaceRole)??nothing} aria-label=${viewerSemanticLabel(this,this.name||this.localize("svgViewerLabel"))??nothing} aria-busy=${this.fetchState.kind==="loading"?"true":"false"} style=${maxHeight?styleMap({"--lr-svg-viewer-max-height":maxHeight}):nothing}>
       <div part="body">${this.renderBody(regionHighlights)}</div>
       ${this.renderAnchorLiveRegion()}
     </div>`}}__decorate([property()],LyraSvgViewer.prototype,"src",void 0),__decorate([property()],LyraSvgViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraSvgViewer.prototype,"maxHeight",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraSvgViewer.prototype,"zoomable",void 0),__decorate([state()],LyraSvgViewer.prototype,"fetchState",void 0);export{LyraSvgViewer};

package/dist/components/viewers/svg-viewer/svg-viewer.styles.js

@@ -1 +1 @@
-import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";const styles=css` :host { display: block; min-inline-size: 0; max-inline-size: 100%; } [part="base"] { display: flex; flex-direction: column; box-sizing: border-box; border: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); border-radius: var(--lr-radius); background: var(--lr-color-surface); overflow: hidden; } [part="body"] { display: flex; flex-wrap: wrap; align-items: safe center; justify-content: safe center; min-block-size: var(--lr-size-10rem); max-block-size: var(--lr-svg-viewer-max-height, none); box-sizing: border-box; overflow: auto; padding: var(--lr-space-m); } [part="svg"], [part="svg"] svg { display: flex; max-inline-size: 100%; max-block-size: 100%; } [part="svg"] svg { display: block; } .empty-note, [part="error"] { margin: 0; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-md-sm); text-align: center; } [part="error"] { color: var(--lr-color-danger); } .zoom-content { position: relative; } [part="highlight-layer"] { position: absolute; inset: 0; pointer-events: none; } [part="region-highlight"] { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-accent-color, var(--lr-color-brand) ); position: absolute; pointer-events: none; border: var(--lr-border-width-thick) solid var(--_lr-svg-viewer-highlight-color); border-radius: var(--lr-radius-xs); transition: background-color var(--lr-transition-fast); } [part="region-highlight-target"] { position: absolute; z-index: var(--lr-layer-content); box-sizing: border-box; pointer-events: auto; cursor: pointer; transform: translate(-50%, -50%); ${iconHitTarget} border: 0; background: transparent; } [part="region-highlight"]:where([data-tone="success"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-success-color, var(--lr-color-success) ); } [part="region-highlight"]:where([data-tone="warning"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-warning-color, var(--lr-color-warning) ); } [part="region-highlight"]:where([data-tone="danger"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-danger-color, var(--lr-color-danger) ); } [part="region-highlight"]:where([data-tone="neutral"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-neutral-color, var(--lr-color-neutral) ); } [part="region-highlight-target"]:hover + [part="region-highlight"] { background: color-mix( in srgb, var(--_lr-svg-viewer-highlight-color) 20%, transparent ); } [part="region-highlight-target"]:active + [part="region-highlight"] { background: color-mix( in oklab, color-mix( in srgb, var(--_lr-svg-viewer-highlight-color) 20%, transparent ), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="region-highlight-target"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } [part="region-highlight"]:where([data-active]) { border-color: var( --lr-svg-viewer-active-border, var(--lr-color-warning, var(--lr-color-brand)) ); } [part="highlight-actions"] { display: grid; gap: var(--lr-space-xs); inline-size: 100%; } [part="region-highlight-action"] { ${iconHitTarget} border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius-xs); color: var(--lr-color-text); background: var(--lr-color-surface); cursor: pointer; transition: background-color var(--lr-transition-fast); } [part="region-highlight-action"]:hover { background: var(--lr-color-surface-raised); } [part="region-highlight-action"]:active { background: color-mix( in oklab, var(--lr-color-surface-raised), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="region-highlight-action"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } `;export{styles};
+import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";const styles=css` :host { display: block; min-inline-size: 0; max-inline-size: 100%; } [part="body"] { display: flex; flex-wrap: wrap; align-items: safe center; justify-content: safe center; min-block-size: var(--lr-size-10rem); max-block-size: var(--lr-svg-viewer-max-height, none); box-sizing: border-box; overflow: auto; padding: var(--lr-space-m); } [part="svg"], [part="svg"] svg { display: flex; max-inline-size: 100%; max-block-size: 100%; } [part="svg"] svg { display: block; } .empty-note, [part="error"] { margin: 0; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-md-sm); text-align: center; } [part="error"] { color: var(--lr-color-danger); } .zoom-content { position: relative; } [part="highlight-layer"] { position: absolute; inset: 0; pointer-events: none; } [part="region-highlight"] { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-accent-color, var(--lr-color-brand) ); position: absolute; pointer-events: none; border: var(--lr-border-width-thick) solid var(--_lr-svg-viewer-highlight-color); border-radius: var(--lr-radius-xs); transition: background-color var(--lr-transition-fast); } [part="region-highlight-target"] { position: absolute; z-index: var(--lr-layer-content); box-sizing: border-box; pointer-events: auto; cursor: pointer; transform: translate(-50%, -50%); ${iconHitTarget} border: 0; background: transparent; } [part="region-highlight"]:where([data-tone="success"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-success-color, var(--lr-color-success) ); } [part="region-highlight"]:where([data-tone="warning"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-warning-color, var(--lr-color-warning) ); } [part="region-highlight"]:where([data-tone="danger"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-danger-color, var(--lr-color-danger) ); } [part="region-highlight"]:where([data-tone="neutral"]) { --_lr-svg-viewer-highlight-color: var( --lr-svg-viewer-highlight-neutral-color, var(--lr-color-neutral) ); } [part="region-highlight-target"]:hover + [part="region-highlight"] { background: color-mix( in srgb, var(--_lr-svg-viewer-highlight-color) 20%, transparent ); } [part="region-highlight-target"]:active + [part="region-highlight"] { background: color-mix( in oklab, color-mix( in srgb, var(--_lr-svg-viewer-highlight-color) 20%, transparent ), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="region-highlight-target"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } [part="region-highlight"]:where([data-active]) { border-color: var( --lr-svg-viewer-active-border, var(--lr-color-warning, var(--lr-color-brand)) ); } [part="highlight-actions"] { display: grid; gap: var(--lr-space-xs); inline-size: 100%; } [part="region-highlight-action"] { ${iconHitTarget} border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius-xs); color: var(--lr-color-text); background: var(--lr-color-surface); cursor: pointer; transition: background-color var(--lr-transition-fast); } [part="region-highlight-action"]:hover { background: var(--lr-color-surface-raised); } [part="region-highlight-action"]:active { background: color-mix( in oklab, var(--lr-color-surface-raised), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part="region-highlight-action"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } `;export{styles};

package/dist/components/viewers/table-viewer-shared.js

@@ -1 +1,15 @@
-import{prefersReducedMotion}from"../../internal/motion.js";import{OwnerAnimationFrameWaiter}from"../../internal/owner-animation-frame.js";function tableHighlightsForRow(highlights,rawRow,sheet){return highlights.filter(entry=>(sheet===void 0||entry.sheet===void 0||entry.sheet===sheet)&&rawRow-1>=entry.parsed.startRow&&rawRow-1<=entry.parsed.endRow)}function tableHighlightsForColumn(highlights,col){return highlights.filter(entry=>col>=entry.parsed.startCol&&col<=entry.parsed.endCol)}class TableViewerScrollController{constructor(host){this.host=host,this.generation=0,this.frames=new OwnerAnimationFrameWaiter(host)}cancel(){this.generation++,this.frames.cancel()}async scrollColumnIntoView(list,col){this.frames.cancel();const generation=++this.generation,ownerDocument=this.host.ownerDocument,isCurrent=()=>generation===this.generation&&this.host.ownerDocument===ownerDocument&&list?.isConnected===!0;if(list?.updateComplete&&await list.updateComplete,!list||!isCurrent()||!await this.frames.wait()||!isCurrent())return;list?.shadowRoot?.querySelector('[part="row"][aria-current="true"]')?.querySelectorAll('[part~="cell"]')[col]?.scrollIntoView({behavior:prefersReducedMotion(this.host)?"auto":"smooth",block:"nearest",inline:"nearest"})}}export{TableViewerScrollController,tableHighlightsForColumn,tableHighlightsForRow};
+import{html}from"lit";import{parseCellRange}from"../../internal/cell-range.js";import{prioritizedHighlightCandidates}from"../../internal/anchor-target.js";import{prefersReducedMotion}from"../../internal/motion.js";import{OwnerAnimationFrameWaiter}from"../../internal/owner-animation-frame.js";import{ViewerSearchState}from"../../internal/viewer-search.js";import{DeferredTeardown}from"./document-viewer/deferred-teardown.js";import{ViewerAnnouncementController}from"./viewer-announcements.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"./viewer-search-limits.js";const MAX_TABLE_SEARCH_MATCHES=1e3;function collectTableSearchMatches(query,locale,enabled,scan){const bounded=boundedViewerSearchQuery(query,locale),matches=[];let exact=bounded.accepted;if(bounded.accepted&&bounded.needle&&enabled){const budget=new ViewerSearchWorkBudget;scan((text,match)=>{if(budget.includes(text,bounded.needle,locale)){if(matches.length===MAX_TABLE_SEARCH_MATCHES)return exact=!1,!1;matches.push(match)}return budget.complete?!0:(exact=!1,!1)})}return{matches,exact}}function tableHighlightsForRow(highlights,rawRow,sheet){return highlights.filter(entry=>(sheet===void 0||entry.sheet===void 0||entry.sheet===sheet)&&rawRow-1>=entry.parsed.startRow&&rawRow-1<=entry.parsed.endRow)}function tableHighlightsForColumn(highlights,col){return highlights.filter(entry=>col>=entry.parsed.startCol&&col<=entry.parsed.endCol)}class TableViewerScrollController{constructor(host){this.host=host,this.generation=0,this.frames=new OwnerAnimationFrameWaiter(host)}cancel(){this.generation++,this.frames.cancel()}async scrollColumnIntoView(list,col){this.frames.cancel();const generation=++this.generation,ownerDocument=this.host.ownerDocument,isCurrent=()=>generation===this.generation&&this.host.ownerDocument===ownerDocument&&list?.isConnected===!0;if(list?.updateComplete&&await list.updateComplete,!list||!isCurrent()||!await this.frames.wait()||!isCurrent())return;const row=list.shadowRoot?.querySelector('[part="row"][aria-current="true"]');this.reveal(row?.querySelectorAll('[part~="cell"]')[col])}reveal(target){target?.scrollIntoView({behavior:prefersReducedMotion(this.host)?"auto":"smooth",block:"nearest",inline:"nearest"})}}class TableViewerController{constructor(host,hooks){this.host=host,this.hooks=hooks,this.highlights=[],this.activeRowKey="",this.lastLoadSrc="",this.lastLocale="",this.pendingResetEvent=!1,this.search=new ViewerSearchState(()=>[],detail=>hooks.emitSearch(detail),()=>host.requestUpdate()),this.announcements=new ViewerAnnouncementController(host),this.scroll=new TableViewerScrollController(host),this.detached=new DeferredTeardown(()=>{hooks.teardown(),this.scroll.cancel()})}connected(){this.announcements.connect(),!this.detached.cancel()&&this.host.hasUpdated&&this.host.src&&this.host.src===this.lastLoadSrc&&this.hooks.schedule(()=>{this.hooks.load()})}disconnecting(){this.announcements.disconnect()}disconnected(){this.detached.schedule()}adopted(){this.detached.flush(),this.scroll.cancel(),this.announcements.adopted()}willUpdate(changed,highlights,activeHighlightId,sheets){changed.has("src")&&(this.pendingResetEvent||=this.search.dirty,this.search.reset(),this.activeRowKey=""),(changed.has("highlights")||changed.has("activeHighlightId"))&&(this.highlights=prioritizedHighlightCandidates(highlights,activeHighlightId).flatMap(highlight=>{if(highlight.anchor.kind!=="cell-range"||!sheets&&highlight.anchor.sheet)return[];const parsed=parseCellRange(highlight.anchor.range);return parsed?[sheets?{highlight,parsed,sheet:highlight.anchor.sheet??parsed.sheet}:{highlight,parsed}]:[]}))}updated(changed,state){this.announcements.transition("load",state.kind,state.kind==="error"?state.message:this.hooks.localize("loadingDocument")),changed.has("src")&&this.hooks.schedule(()=>{this.hooks.load()}),changed.has("src")&&this.pendingResetEvent&&(this.pendingResetEvent=!1,this.search.emit());const locale=this.hooks.locale();locale!==this.lastLocale&&(this.lastLocale=locale,this.search.query&&this.hooks.schedule(()=>{this.hooks.research(this.search.query)},"search"))}setActiveRow(key){this.activeRowKey=key,this.host.requestUpdate()}highlightsForRow(rawRow,sheet){return tableHighlightsForRow(this.highlights,rawRow,sheet)}renderCell(text,colIndex,rowHighlights,role,part,colorVar,activeHighlightId){const colHighlights=tableHighlightsForColumn(rowHighlights,colIndex);if(!colHighlights.length)return html`<div part=${part} role=${role}>${text}</div>`;const active=colHighlights.find(entry=>entry.highlight.id===activeHighlightId),primary=active??colHighlights[0],accessibleLabel=primary.highlight.label?this.hooks.localize("cellHighlightWithLabel",void 0,{value:text,label:primary.highlight.label}):this.hooks.localize("highlightWithLabel",void 0,{label:text});return html`<div
+      part="${part} cell-highlight"
+      role=${role}
+      ?data-active=${!!active}
+      style=${active?`${colorVar}: var(--lr-color-warning, var(--lr-color-brand))`:""}
+    >
+      <button
+        part="cell-highlight-action"
+        type="button"
+        aria-label=${accessibleLabel}
+        @click=${()=>this.hooks.emitActivate(primary.highlight.id)}
+      >
+        ${text}
+      </button>
+    </div>`}revealCell(target){return this.scroll.reveal(target),!!target}scrollColumnIntoView(root,selector,col){return this.scroll.scrollColumnIntoView(root.querySelector(selector),col)}async runSearch(query,loaded,scan){this.search.query=query;const locale=this.hooks.locale();this.lastLocale=locale;const{matches,exact}=collectTableSearchMatches(query,locale,loaded,scan);return this.search.publish(matches,exact),matches.length>0&&await this.hooks.jump(matches[0]),matches.length}async step(direction){return this.search.step(direction)?(await this.hooks.jump(this.search.matches[this.search.activeIndex]),!0):!1}clearSearch(){this.activeRowKey="",this.search.clear()}}export{TableViewerController,TableViewerScrollController,collectTableSearchMatches,tableHighlightsForColumn,tableHighlightsForRow};

package/dist/components/viewers/table-viewer-shared.styles.js

@@ -0,0 +1 @@
+import{css}from"lit";import{iconHitTarget}from"../../internal/interactive-control.styles.js";function delimitedGridStyles(maxHeight){return css` [part='base'], [part='body'], [part='sheet'] { display: flex; flex-direction: column; min-inline-size: 0; } [part='body'] { box-sizing: border-box; overflow-y: auto; overflow-x: hidden; max-block-size: ${maxHeight}; } [part='sheet'] { overflow-x: auto; overflow-y: hidden; } [part='header-row'] { display: grid; min-inline-size: max-content; align-items: center; background: var(--lr-color-surface); color: var(--lr-color-text); font-weight: var(--lr-font-weight-semibold); border-block-end: var(--lr-border-width-medium) solid var(--lr-color-border-subtle); } [part='cell'], lr-virtual-list::part(cell) { padding: var(--lr-space-2xs) var(--lr-space-xs); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--lr-font-size-sm); color: var(--lr-color-text); } lr-virtual-list::part(data-row) { display: grid; min-inline-size: max-content; align-items: center; } `}function tableCellHighlightStyles({color,padding,outlineOffset=css`calc(-1 * var(--lr-border-width-medium))`,cellCursor=!0}){const cursor=cellCursor?css`cursor: pointer;`:css``;return css` [part~='cell-highlight'], lr-virtual-list::part(cell-highlight) { outline: var(--lr-border-width-medium) solid ${color}; outline-offset: ${outlineOffset}; ${cursor} padding: 0; } [part='cell-highlight-action'], lr-virtual-list::part(cell-highlight-action) { all: unset; box-sizing: border-box; display: block; inline-size: 100%; ${iconHitTarget} padding: ${padding}; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='cell-highlight-action']:hover, lr-virtual-list::part(cell-highlight-action):hover { background: var(--lr-color-brand-quiet); } [part='cell-highlight-action']:active, lr-virtual-list::part(cell-highlight-action):active { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part='cell-highlight-action']:focus-visible, lr-virtual-list::part(cell-highlight-action):focus-visible { outline: var(--lr-focus-ring); outline-offset: calc(var(--lr-focus-ring-offset) * -1); } `}export{delimitedGridStyles,tableCellHighlightStyles};

package/dist/events.d.ts

@@ -26,21 +26,21 @@ export type LyraAfterCollapseEvent=LyraAccordionEventMap['lr-after-collapse']|Ly
 */
 export type LyraAfterExpandEvent=LyraAccordionEventMap['lr-after-expand']|LyraTreeEventMap['lr-after-expand']|LyraTreeItemEventMap['lr-after-expand'];
 /**
-* `lr-after-hide` — dispatched by 15 components: `<lr-alert>`, `<lr-color-picker>`,
-* `<lr-combobox>`, `<lr-context-menu>`, `<lr-date-input>`, `<lr-details>`, `<lr-dialog>`,
-* `<lr-drawer>`, `<lr-dropdown>`, `<lr-lightbox>`, `<lr-popover>`, `<lr-select>`,
-* `<lr-time-input>`, `<lr-toast-item>`, `<lr-tooltip>`; detail union of 13, e.g.
+* `lr-after-hide` — dispatched by 16 components: `<lr-alert>`, `<lr-color-picker>`,
+* `<lr-combobox>`, `<lr-command-palette>`, `<lr-context-menu>`, `<lr-date-input>`, `<lr-details>`,
+* `<lr-dialog>`, `<lr-drawer>`, `<lr-dropdown>`, `<lr-lightbox>`, `<lr-popover>`, `<lr-select>`,
+* `<lr-time-input>`, `<lr-toast-item>`, `<lr-tooltip>`; detail union of 14, e.g.
 * `LyraAlertEventMap['lr-after-hide']`.
 */
-export type LyraAfterHideEvent=LyraAlertEventMap['lr-after-hide']|LyraColorPickerEventMap['lr-after-hide']|LyraComboboxEventMap['lr-after-hide']|LyraContextMenuEventMap['lr-after-hide']|LyraDateInputEventMap['lr-after-hide']|LyraDetailsEventMap['lr-after-hide']|LyraDialogEventMap['lr-after-hide']|LyraLightboxEventMap['lr-after-hide']|LyraPopoverEventMap['lr-after-hide']|LyraSelectEventMap['lr-after-hide']|LyraTimeInputEventMap['lr-after-hide']|LyraToastItemEventMap['lr-after-hide']|LyraTooltipEventMap['lr-after-hide'];
+export type LyraAfterHideEvent=LyraAlertEventMap['lr-after-hide']|LyraColorPickerEventMap['lr-after-hide']|LyraComboboxEventMap['lr-after-hide']|LyraCommandPaletteEventMap['lr-after-hide']|LyraContextMenuEventMap['lr-after-hide']|LyraDateInputEventMap['lr-after-hide']|LyraDetailsEventMap['lr-after-hide']|LyraDialogEventMap['lr-after-hide']|LyraLightboxEventMap['lr-after-hide']|LyraPopoverEventMap['lr-after-hide']|LyraSelectEventMap['lr-after-hide']|LyraTimeInputEventMap['lr-after-hide']|LyraToastItemEventMap['lr-after-hide']|LyraTooltipEventMap['lr-after-hide'];
 /**
-* `lr-after-show` — dispatched by 15 components: `<lr-alert>`, `<lr-color-picker>`,
-* `<lr-combobox>`, `<lr-context-menu>`, `<lr-date-input>`, `<lr-details>`, `<lr-dialog>`,
-* `<lr-drawer>`, `<lr-dropdown>`, `<lr-lightbox>`, `<lr-popover>`, `<lr-select>`,
-* `<lr-time-input>`, `<lr-toast-item>`, `<lr-tooltip>`; detail union of 13, e.g.
+* `lr-after-show` — dispatched by 16 components: `<lr-alert>`, `<lr-color-picker>`,
+* `<lr-combobox>`, `<lr-command-palette>`, `<lr-context-menu>`, `<lr-date-input>`, `<lr-details>`,
+* `<lr-dialog>`, `<lr-drawer>`, `<lr-dropdown>`, `<lr-lightbox>`, `<lr-popover>`, `<lr-select>`,
+* `<lr-time-input>`, `<lr-toast-item>`, `<lr-tooltip>`; detail union of 14, e.g.
 * `LyraAlertEventMap['lr-after-show']`.
 */
-export type LyraAfterShowEvent=LyraAlertEventMap['lr-after-show']|LyraColorPickerEventMap['lr-after-show']|LyraComboboxEventMap['lr-after-show']|LyraContextMenuEventMap['lr-after-show']|LyraDateInputEventMap['lr-after-show']|LyraDetailsEventMap['lr-after-show']|LyraDialogEventMap['lr-after-show']|LyraLightboxEventMap['lr-after-show']|LyraPopoverEventMap['lr-after-show']|LyraSelectEventMap['lr-after-show']|LyraTimeInputEventMap['lr-after-show']|LyraToastItemEventMap['lr-after-show']|LyraTooltipEventMap['lr-after-show'];
+export type LyraAfterShowEvent=LyraAlertEventMap['lr-after-show']|LyraColorPickerEventMap['lr-after-show']|LyraComboboxEventMap['lr-after-show']|LyraCommandPaletteEventMap['lr-after-show']|LyraContextMenuEventMap['lr-after-show']|LyraDateInputEventMap['lr-after-show']|LyraDetailsEventMap['lr-after-show']|LyraDialogEventMap['lr-after-show']|LyraLightboxEventMap['lr-after-show']|LyraPopoverEventMap['lr-after-show']|LyraSelectEventMap['lr-after-show']|LyraTimeInputEventMap['lr-after-show']|LyraToastItemEventMap['lr-after-show']|LyraTooltipEventMap['lr-after-show'];
 /**
 * `lr-anchor-result` — dispatched by 25 components: `<lr-archive-viewer>`, `<lr-av-player>`,
 * `<lr-calendar-viewer>`, `<lr-contact-viewer>`, `<lr-csv-viewer>`, `<lr-dataset-viewer>`,
@@ -444,10 +444,11 @@ export type LyraDatumVisibilityChangeEvent=LyraChartEventMap['lr-datum-visibilit
 */
 export type LyraDatumVisibilityChangeRequestEvent=LyraChartEventMap['lr-datum-visibility-change-request'];
 /**
-* `lr-decision-settled` — dispatched by `<lr-confirm-bar>`; detail
+* `lr-decision-settled` — dispatched by 2 components: `<lr-confirm-bar>`,
+* `<lr-tool-approval-dialog>`; detail union of 2, e.g.
 * `LyraConfirmBarEventMap['lr-decision-settled']`.
 */
-export type LyraDecisionSettledEvent=LyraConfirmBarEventMap['lr-decision-settled'];
+export type LyraDecisionSettledEvent=LyraConfirmBarEventMap['lr-decision-settled']|LyraToolApprovalDialogEventMap['lr-decision-settled'];
 /**
 * `lr-deny-request` — dispatched by 2 components: `<lr-confirm-bar>`, `<lr-tool-approval-dialog>`;
 * detail union of 2, e.g. `LyraConfirmBarEventMap['lr-deny-request']`.
@@ -747,13 +748,13 @@ export type LyraGroupToggleRequestEvent=LyraThreadListEventMap['lr-group-toggle-
 */
 export type LyraHiddenTypesChangeEvent=LyraKnowledgeGraphExplorerEventMap['lr-hidden-types-change'];
 /**
-* `lr-hide` — dispatched by 17 components: `<lr-alert>`, `<lr-color-picker>`, `<lr-combobox>`,
-* `<lr-context-inspector>`, `<lr-context-menu>`, `<lr-date-input>`, `<lr-details>`, `<lr-dialog>`,
-* `<lr-drawer>`, `<lr-dropdown>`, `<lr-export-button>`, `<lr-lightbox>`, `<lr-popover>`,
-* `<lr-select>`, `<lr-time-input>`, `<lr-toast-item>`, `<lr-tooltip>`; detail union of 14, e.g.
-* `LyraAlertEventMap['lr-hide']`.
+* `lr-hide` — dispatched by 18 components: `<lr-alert>`, `<lr-color-picker>`, `<lr-combobox>`,
+* `<lr-command-palette>`, `<lr-context-inspector>`, `<lr-context-menu>`, `<lr-date-input>`,
+* `<lr-details>`, `<lr-dialog>`, `<lr-drawer>`, `<lr-dropdown>`, `<lr-export-button>`,
+* `<lr-lightbox>`, `<lr-popover>`, `<lr-select>`, `<lr-time-input>`, `<lr-toast-item>`,
+* `<lr-tooltip>`; detail union of 15, e.g. `LyraAlertEventMap['lr-hide']`.
 */
-export type LyraHideEvent=LyraAlertEventMap['lr-hide']|LyraColorPickerEventMap['lr-hide']|LyraComboboxEventMap['lr-hide']|LyraContextMenuEventMap['lr-hide']|LyraDateInputEventMap['lr-hide']|LyraDetailsEventMap['lr-hide']|LyraDialogEventMap['lr-hide']|LyraExportButtonEventMap['lr-hide']|LyraLightboxEventMap['lr-hide']|LyraPopoverEventMap['lr-hide']|LyraSelectEventMap['lr-hide']|LyraTimeInputEventMap['lr-hide']|LyraToastItemEventMap['lr-hide']|LyraTooltipEventMap['lr-hide'];
+export type LyraHideEvent=LyraAlertEventMap['lr-hide']|LyraColorPickerEventMap['lr-hide']|LyraComboboxEventMap['lr-hide']|LyraCommandPaletteEventMap['lr-hide']|LyraContextMenuEventMap['lr-hide']|LyraDateInputEventMap['lr-hide']|LyraDetailsEventMap['lr-hide']|LyraDialogEventMap['lr-hide']|LyraExportButtonEventMap['lr-hide']|LyraLightboxEventMap['lr-hide']|LyraPopoverEventMap['lr-hide']|LyraSelectEventMap['lr-hide']|LyraTimeInputEventMap['lr-hide']|LyraToastItemEventMap['lr-hide']|LyraTooltipEventMap['lr-hide'];
 /**
 * `lr-highlight-activate` — dispatched by 19 components: `<lr-av-player>`, `<lr-csv-viewer>`,
 * `<lr-dataset-viewer>`, `<lr-diff-view>`, `<lr-document-compare>`, `<lr-document-preview>`,