@aceshooting/lyra-ui 26.0.0 → 28.0.0

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

@@ -1,25 +1,11 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{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{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{styles}from"./csv-viewer.styles.js";import{delimitedCellText as cell,delimitedColumnCount as columns,parseDelimitedGrid}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_csvViewerLabel,LYRA_DEFAULT_csvViewerUnavailable,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_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings.generated.js";const MAX_SEARCH_MATCHES=1e3;function headerOffset(hasHeaderRow){return hasHeaderRow?1:0}function indexKeyFunction(_item,index){return index}class LyraCsvViewerBase extends LyraElement{}class LyraCsvViewer extends DocumentAnchorTarget(LyraCsvViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.withoutHeaderRow=!1,this.maxHeight="",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.activeRowKey="",this.cellHighlights=[],this.searchMatches=[],this.searchMatchCountExact=!0,this.searchActiveIndex=-1,this.searchQuery="",this.lastSearchLocale="",this.pendingSearchResetEvent=!1,this.loadTask=new LatestTask,this.loadLibrary=loadPapaParseCached,this.lastLoadSrc="",this.announcements=new ViewerAnnouncementController(this),this.tableScroll=new TableViewerScrollController(this),this.detached=new DeferredTeardown(()=>{this.loadTask.next(),this.tableScroll.cancel()}),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,csvViewerLabel:LYRA_DEFAULT_csvViewerLabel,csvViewerUnavailable:LYRA_DEFAULT_csvViewerUnavailable,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,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}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=""),(changed.has("highlights")||changed.has("activeHighlightId"))&&(this.cellHighlights=prioritizedHighlightCandidates(this.highlights,this.activeHighlightId).flatMap(highlight=>{if(highlight.anchor.kind!=="cell-range"||highlight.anchor.sheet)return[];const parsed=parseCellRange(highlight.anchor.range);return parsed?[{highlight,parsed}]:[]}))}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.loadTask.next(),signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const library=await this.loadLibrary();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!library){const error=new LyraUserFacingError(this.localize("csvViewerUnavailable"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}const source=await readResponseText(response);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const result=parseDelimitedGrid(library,source);if(!this.isConnected||!this.loadTask.isCurrent(generation)||(this.fetchState={kind:"loaded",rows:result.data},this.searchQuery&&await this.search(this.searchQuery),!this.isConnected||!this.loadTask.isCurrent(generation)))return;result.errors.length&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:result.errors})})}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}cellHighlightsForRow(rawRow){return tableHighlightsForRow(this.cellHighlights,rawRow)}renderCell(value,colIndex,rowHighlights,role){const colHighlights=tableHighlightsForColumn(rowHighlights,colIndex);if(!colHighlights.length)return html`<div part="cell" role=${role}>${cell(value)}</div>`;const active=colHighlights.find(entry=>entry.highlight.id===this.activeHighlightId),primary=active??colHighlights[0],text=cell(value),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-csv-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){const rowHighlights=this.cellHighlightsForRow(rawRow),header=part==="header-row";return html`<div
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{TableViewerController}from"../table-viewer-shared.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{parseCellRange}from"../../../internal/cell-range.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{styles}from"./csv-viewer.styles.js";import{delimitedCellText as cell,delimitedColumnCount as columns,parseDelimitedGrid}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_csvViewerLabel,LYRA_DEFAULT_csvViewerUnavailable,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";function headerOffset(hasHeaderRow){return hasHeaderRow?1:0}function indexKeyFunction(_item,index){return index}class LyraCsvViewerBase extends LyraElement{}class LyraCsvViewer extends DocumentAnchorTarget(LyraCsvViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.withoutHeaderRow=!1,this.maxHeight="",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.loadTask=new LatestTask,this.loadLibrary=loadPapaParseCached,this.table=new TableViewerController(this,{emitSearch:detail=>this.emit("lr-search-change",detail),emitActivate:highlightId=>this.emit("lr-highlight-activate",{highlightId}),localize:(key,fallback,values)=>this.localize(key,fallback,values),locale:()=>this.effectiveLocale,schedule:(callback,key)=>this.scheduleAfterUpdate(callback,key),load:()=>this.load(),research:query=>this.search(query),jump:match=>this.jumpToCell(match.row,match.col),teardown:()=>this.loadTask.next()}),this.stopInternalEvent=event=>{event.stopPropagation()}}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,csvViewerLabel:LYRA_DEFAULT_csvViewerLabel,csvViewerUnavailable:LYRA_DEFAULT_csvViewerUnavailable,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}connectedCallback(){super.connectedCallback(),this.table.connected()}disconnectedCallback(){this.table.disconnecting(),super.disconnectedCallback(),this.table.disconnected()}adoptedCallback(){super.adoptedCallback(),this.table.adopted()}willUpdate(changed){super.willUpdate(changed),this.table.willUpdate(changed,this.highlights,this.activeHighlightId,!1)}updated(changed){super.updated(changed),this.table.updated(changed,this.fetchState)}async load(){this.table.lastLoadSrc=this.src;const generation=this.loadTask.next(),signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const library=await this.loadLibrary();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!library){const error=new LyraUserFacingError(this.localize("csvViewerUnavailable"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}const source=await readResponseText(response);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const result=parseDelimitedGrid(library,source);if(!this.isConnected||!this.loadTask.isCurrent(generation)||(this.fetchState={kind:"loaded",rows:result.data},this.table.search.query&&await this.search(this.table.search.query),!this.isConnected||!this.loadTask.isCurrent(generation)))return;result.errors.length&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:result.errors})})}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}renderCell(value,colIndex,rowHighlights,role){return this.table.renderCell(cell(value),colIndex,rowHighlights,role,"cell","--_lr-csv-viewer-highlight-color",this.activeHighlightId)}renderRow(row,count,part,rawRow){const rowHighlights=this.table.highlightsForRow(rawRow),header=part==="header-row";return html`<div
       part=${part}
       role=${header?"row":"presentation"}
       aria-rowindex=${header?"1":nothing}
       style=${`grid-template-columns:repeat(${count},minmax(var(--lr-size-8rem),1fr))`}
     >
       ${Array.from({length:count},(_unused,index)=>this.renderCell(row[index],index,rowHighlights,header?"columnheader":"cell"))}
-    </div>`}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{rows}=loadedState;if(rawRow<1||rawRow>rows.length||col<0||col>=columns(rows))return!1;const bodyIndex=rawRow-1-headerOffset(!this.withoutHeaderRow);if(bodyIndex<0){const target=this.renderRoot.querySelector('[part="header-row"]')?.querySelectorAll('[part~="cell"]')[col];return target?.scrollIntoView({behavior:prefersReducedMotion(this)?"auto":"smooth",block:"nearest",inline:"nearest"}),!!target}return this.activeRowKey=bodyIndex,await this.updateComplete,await this.scrollColumnIntoView(col),this.fetchState===loadedState}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async scrollColumnIntoView(col){const list=this.renderRoot.querySelector(tag("virtual-list"));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,{rows}=this.fetchState;searchRows:for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<row.length;c++){if(budget.includes(cell(row[c]),trimmed,this.effectiveLocale)){if(matches.length===MAX_SEARCH_MATCHES){matchCountExact=!1;break searchRows}matches.push({row:r+1,col:c})}if(!budget.complete){matchCountExact=!1;break searchRows}}}}return this.searchMatches=matches,this.searchMatchCountExact=matchCountExact,this.searchActiveIndex=matches.length>0?0:-1,this.emitSearchChange(),this.searchActiveIndex>=0&&await this.jumpToCell(matches[0].row,matches[0].col),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.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.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))}virtualListInputs(rows,hasHeaderRow){const cached=this.virtualListInputsCache;if(cached&&cached.rows===rows&&cached.hasHeaderRow===hasHeaderRow)return cached;const body=hasHeaderRow?rows.slice(1):rows,count=columns(rows),next={rows,hasHeaderRow,body,renderItem:(row,index)=>this.renderRow(row,count,"data-row",index+1+headerOffset(hasHeaderRow))};return this.virtualListInputsCache=next,next}render(){const label=viewerSemanticLabel(this,this.name||this.localize("csvViewerLabel"));let content;if(this.fetchState.kind==="loaded"){const rows=this.fetchState.rows;if(!rows.length)content=html`<p class="empty-note">${this.localize("noData")}</p>`;else{const hasHeaderRow=!this.withoutHeaderRow,header=hasHeaderRow?rows[0]:void 0,count=columns(rows),{body,renderItem}=this.virtualListInputs(rows,hasHeaderRow),tableLabel=hostAriaLabel(this)??(this.name||this.localize("csvViewerLabel"));content=html`<div
+    </div>`}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{rows}=loadedState;if(rawRow<1||rawRow>rows.length||col<0||col>=columns(rows))return!1;const bodyIndex=rawRow-1-headerOffset(!this.withoutHeaderRow);return bodyIndex<0?this.table.revealCell(this.renderRoot.querySelector('[part="header-row"]')?.querySelectorAll('[part~="cell"]')[col]):(this.table.setActiveRow(bodyIndex),await this.updateComplete,await this.scrollColumnIntoView(col),this.fetchState===loadedState)}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async scrollColumnIntoView(col){await this.table.scrollColumnIntoView(this.renderRoot,tag("virtual-list"),col)}async search(query){return this.table.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{rows}=this.fetchState;for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<row.length;c++)if(!visit(cell(row[c]),{row:r+1,col:c}))return}})}async searchNext(){return this.table.step(1)}async searchPrevious(){return this.table.step(-1)}clearSearch(){this.table.clearSearch()}virtualListInputs(rows,hasHeaderRow){let cached=this.virtualListInputsCache;(!cached||cached.rows!==rows||cached.hasHeaderRow!==hasHeaderRow)&&(cached={rows,hasHeaderRow,body:hasHeaderRow?rows.slice(1):rows,count:columns(rows)},this.virtualListInputsCache=cached);const{body,count}=cached;return{body,renderItem:(row,index)=>this.renderRow(row,count,"data-row",index+1+headerOffset(hasHeaderRow))}}render(){const label=viewerSemanticLabel(this,this.name||this.localize("csvViewerLabel"));let content;if(this.fetchState.kind==="loaded"){const rows=this.fetchState.rows;if(!rows.length)content=html`<p class="empty-note">${this.localize("noData")}</p>`;else{const hasHeaderRow=!this.withoutHeaderRow,header=hasHeaderRow?rows[0]:void 0,count=columns(rows),{body,renderItem}=this.virtualListInputs(rows,hasHeaderRow),tableLabel=hostAriaLabel(this)??(this.name||this.localize("csvViewerLabel"));content=html`<div
           part="sheet"
           role="table"
           aria-label=${tableLabel}
@@ -32,7 +18,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
             .items=${body}
             .renderItem=${renderItem}
             .keyFunction=${indexKeyFunction}
-            .activeItemId=${this.activeRowKey}
+            .activeItemId=${this.table.activeRowKey}
             item-role="row"
             row-index-offset=${hasHeaderRow?"1":"0"}
             @lr-load-more=${this.stopInternalEvent}
@@ -48,4 +34,4 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
     >
       <div part="body">${content}</div>
       ${this.renderAnchorLiveRegion()}
-    </div>`}}__decorate([property()],LyraCsvViewer.prototype,"src",void 0),__decorate([property()],LyraCsvViewer.prototype,"name",void 0),__decorate([property({type:Boolean,attribute:"without-header-row"})],LyraCsvViewer.prototype,"withoutHeaderRow",void 0),__decorate([property({attribute:"max-height"})],LyraCsvViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraCsvViewer.prototype,"fetchState",void 0),__decorate([state()],LyraCsvViewer.prototype,"activeRowKey",void 0),__decorate([state()],LyraCsvViewer.prototype,"searchMatches",void 0),__decorate([state()],LyraCsvViewer.prototype,"searchActiveIndex",void 0);export{LyraCsvViewer};
+    </div>`}}__decorate([property()],LyraCsvViewer.prototype,"src",void 0),__decorate([property()],LyraCsvViewer.prototype,"name",void 0),__decorate([property({type:Boolean,attribute:"without-header-row"})],LyraCsvViewer.prototype,"withoutHeaderRow",void 0),__decorate([property({attribute:"max-height"})],LyraCsvViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraCsvViewer.prototype,"fetchState",void 0);export{LyraCsvViewer};

package/dist/components/viewers/csv-viewer/csv-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-csv-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; 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-csv-viewer-highlight-color, var(--_lr-csv-viewer-highlight-color, var(--lr-color-brand)) ); outline-offset: calc(-1 * var(--lr-border-width-medium)); cursor: pointer; 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-csv-viewer-max-height, none)`)} ${tableCellHighlightStyles({color:css`var(--lr-csv-viewer-highlight-color, var(--_lr-csv-viewer-highlight-color, var(--lr-color-brand)))`,padding:css`var(--lr-space-2xs) var(--lr-space-xs)`})} [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/dataset-viewer/dataset-viewer.class.d.ts

@@ -88,7 +88,7 @@ maxHeight:string;private _scrollMode;
 */
 get scrollMode():DatasetViewerScrollMode;set scrollMode(next:DatasetViewerScrollMode);
 /** Anchor kinds this viewer resolves via `scrollToAnchor()`. */
-readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private activeRowKey;private cellHighlights;private searchMatches;private searchMatchCountExact;private searchActiveIndex;private searchQuery;private lastSearchLocale;private pendingSearchResetEvent;private loadTask;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 parse;private cellHighlightsForRow;private renderCell;private renderRow;private jumpToCell;private scrollColumnIntoView;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;
+readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private loadTask;private readonly table;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private load;private parse;private renderCell;private renderRow;private jumpToCell;private scrollColumnIntoView;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;
 /** Locale-aware case-insensitive substring search over the header fields followed by every body
 *  cell's raw string value, ordered row then column. An empty/whitespace-only query behaves like
 *  `clearSearch()` and resolves `0`. Returns at most 1,000 retained matches;
@@ -102,4 +102,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;private readonly virtualListKeyFunction;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-dataset-viewer':LyraDatasetViewer;}}
+clearSearch():void;private stopInternalEvent;private readonly virtualListKeyFunction;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-dataset-viewer':LyraDatasetViewer;}}

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

@@ -1,20 +1,6 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{parseCellRange}from"../../../internal/cell-range.js";import{DocumentAnchorTarget,prioritizedHighlightCandidates}from"../../../internal/anchor-target.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{styles}from"./dataset-viewer.styles.js";import{parseDelimitedRecords}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{TableViewerScrollController,tableHighlightsForColumn,tableHighlightsForRow}from"../table-viewer-shared.js";import{advanceViewerSearchIndex,viewerSearchDetail}from"../../../internal/viewer-search.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{literalSetConverter}from"../../../internal/converters.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_datasetViewerCaption,LYRA_DEFAULT_datasetViewerCaptionNamed,LYRA_DEFAULT_datasetViewerEmpty,LYRA_DEFAULT_datasetViewerMissingParser,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDataset,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings.generated.js";const MAX_SEARCH_MATCHES=1e3,DATASET_VIEWER_SCROLL_MODE=literalSetConverter(["self","page"],"self");class LyraDatasetViewerBase extends LyraElement{}class LyraDatasetViewer extends DocumentAnchorTarget(LyraDatasetViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this._scrollMode="self",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.activeRowKey="",this.cellHighlights=[],this.searchMatches=[],this.searchMatchCountExact=!0,this.searchActiveIndex=-1,this.searchQuery="",this.lastSearchLocale="",this.pendingSearchResetEvent=!1,this.loadTask=new LatestTask,this.lastLoadSrc="",this.announcements=new ViewerAnnouncementController(this),this.tableScroll=new TableViewerScrollController(this),this.detached=new DeferredTeardown(()=>{this.loadTask.next(),this.tableScroll.cancel()}),this.renderRow=(row,index,fields)=>{const rawRow=index+2,rowHighlights=this.cellHighlightsForRow(rawRow);return html`<div part="data-row" role="presentation">
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{parseCellRange}from"../../../internal/cell-range.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{styles}from"./dataset-viewer.styles.js";import{parseDelimitedRecords}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{TableViewerController}from"../table-viewer-shared.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{literalSetConverter}from"../../../internal/converters.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_datasetViewerCaption,LYRA_DEFAULT_datasetViewerCaptionNamed,LYRA_DEFAULT_datasetViewerEmpty,LYRA_DEFAULT_datasetViewerMissingParser,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDataset,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";const DATASET_VIEWER_SCROLL_MODE=literalSetConverter(["self","page"],"self");class LyraDatasetViewerBase extends LyraElement{}class LyraDatasetViewer extends DocumentAnchorTarget(LyraDatasetViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this._scrollMode="self",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.loadTask=new LatestTask,this.table=new TableViewerController(this,{emitSearch:detail=>this.emit("lr-search-change",detail),emitActivate:highlightId=>this.emit("lr-highlight-activate",{highlightId}),localize:(key,fallback,values)=>this.localize(key,fallback,values),locale:()=>this.effectiveLocale,schedule:(callback,key)=>this.scheduleAfterUpdate(callback,key),load:()=>this.load(),research:query=>this.search(query),jump:match=>this.jumpToCell(match.row,match.col),teardown:()=>this.loadTask.next()}),this.renderRow=(row,index,fields)=>{const rawRow=index+2,rowHighlights=this.table.highlightsForRow(rawRow);return html`<div part="data-row" role="presentation">
       ${fields.map((field,col)=>this.renderCell(row[field]??"",col,rowHighlights))}
-    </div>`},this.stopInternalEvent=event=>{event.stopPropagation()},this.virtualListKeyFunction=(_item,index)=>index}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,datasetViewerCaption:LYRA_DEFAULT_datasetViewerCaption,datasetViewerCaptionNamed:LYRA_DEFAULT_datasetViewerCaptionNamed,datasetViewerEmpty:LYRA_DEFAULT_datasetViewerEmpty,datasetViewerMissingParser:LYRA_DEFAULT_datasetViewerMissingParser,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDataset:LYRA_DEFAULT_documentPreviewTypeDataset,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loadingDocument:LYRA_DEFAULT_loadingDocument,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}get scrollMode(){return this._scrollMode}set scrollMode(next){const normalized=DATASET_VIEWER_SCROLL_MODE.normalizeReflected(this,"scroll-mode",next),previous=this._scrollMode;previous!==normalized&&(this._scrollMode=normalized,this.requestUpdate("scrollMode",previous))}connectedCallback(){super.connectedCallback(),this.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=""),(changed.has("highlights")||changed.has("activeHighlightId"))&&(this.cellHighlights=prioritizedHighlightCandidates(this.highlights,this.activeHighlightId).flatMap(highlight=>{if(highlight.anchor.kind!=="cell-range"||highlight.anchor.sheet)return[];const parsed=parseCellRange(highlight.anchor.range);return parsed?[{highlight,parsed}]:[]}))}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.loadTask.next(),signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const source=await readResponseText(response);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const parsed=await this.parse(source,generation);if(parsed===void 0)return;if(this.isConnected&&this.loadTask.isCurrent(generation)){const{table}=parsed;this.fetchState=table?{kind:"loaded",table}:{kind:"empty"},table&&this.searchQuery&&await this.search(this.searchQuery),parsed.errors.length&&this.isConnected&&this.loadTask.isCurrent(generation)&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:parsed.errors})})}}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}async parse(text,generation){const papa=await loadPapaParseCached();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!papa)throw new LyraUserFacingError(this.localize("datasetViewerMissingParser"));const result=parseDelimitedRecords(papa,text);return!result.fields.length||!result.rows.length?{table:null,errors:result.errors}:{table:{fields:result.fields,rows:result.rows},errors:result.errors}}cellHighlightsForRow(rawRow){return tableHighlightsForRow(this.cellHighlights,rawRow)}renderCell(value,colIndex,rowHighlights,role="cell"){const colHighlights=tableHighlightsForColumn(rowHighlights,colIndex),part=role==="columnheader"?"header-cell":"cell";if(!colHighlights.length)return html`<div part=${part} role=${role}>${value}</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,label:primary.highlight.label}):this.localize("highlightWithLabel",void 0,{label:value});return html`<div
-      part="${part} cell-highlight"
-      role=${role}
-      ?data-active=${!!active}
-      style=${active?"--_lr-dataset-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})}}
-      >
-        ${value}
-      </button>
-    </div>`}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{fields,rows}=loadedState.table;if(rawRow<1||rawRow>rows.length+1||col<0||col>=fields.length)return!1;const bodyIndex=rawRow-2;if(bodyIndex<0){const target=this.renderRoot.querySelector('[part="header-row"]')?.querySelectorAll('[part~="header-cell"]')[col];return target?.scrollIntoView({behavior:prefersReducedMotion(this)?"auto":"smooth",block:"nearest",inline:"nearest"}),!!target}return this.activeRowKey=bodyIndex,await this.updateComplete,await this.scrollColumnIntoView(col),this.fetchState===loadedState}async scrollColumnIntoView(col){const list=this.renderRoot.querySelector(tag("virtual-list"));await this.tableScroll.scrollColumnIntoView(list,col)}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async search(query){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,{fields,rows}=this.fetchState.table;searchCells:{for(let c=0;c<fields.length;c++){if(budget.includes(fields[c],trimmed,this.effectiveLocale)){if(matches.length===MAX_SEARCH_MATCHES){matchCountExact=!1;break searchCells}matches.push({row:1,col:c})}if(!budget.complete){matchCountExact=!1;break searchCells}}for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<fields.length;c++){if(budget.includes(row[fields[c]]??"",trimmed,this.effectiveLocale)){if(matches.length===MAX_SEARCH_MATCHES){matchCountExact=!1;break searchCells}matches.push({row:r+2,col:c})}if(!budget.complete){matchCountExact=!1;break searchCells}}}}}return this.searchMatches=matches,this.searchMatchCountExact=matchCountExact,this.searchActiveIndex=matches.length>0?0:-1,this.emitSearchChange(),this.searchActiveIndex>=0&&await this.jumpToCell(matches[0].row,matches[0].col),matches.length}async searchNext(){return this.searchMatches.length?(this.searchActiveIndex=advanceViewerSearchIndex(this.searchActiveIndex,this.searchMatches.length,1),this.emitSearchChange(),await this.jumpToCell(this.searchMatches[this.searchActiveIndex].row,this.searchMatches[this.searchActiveIndex].col),!0):!1}async searchPrevious(){return this.searchMatches.length?(this.searchActiveIndex=advanceViewerSearchIndex(this.searchActiveIndex,this.searchMatches.length,-1),this.emitSearchChange(),await this.jumpToCell(this.searchMatches[this.searchActiveIndex].row,this.searchMatches[this.searchActiveIndex].col),!0):!1}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))}renderBody(){switch(this.fetchState.kind){case"loaded":{const{fields,rows}=this.fetchState.table,localizedCount=getNumberFormat(this.effectiveLocale).format(rows.length),label=this.name?this.localize("datasetViewerCaptionNamed",void 0,{name:this.name,count:localizedCount}):this.localize("datasetViewerCaption",void 0,{count:localizedCount}),headerHighlights=this.cellHighlightsForRow(1);return html`
+    </div>`},this.stopInternalEvent=event=>{event.stopPropagation()},this.virtualListKeyFunction=(_item,index)=>index}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,datasetViewerCaption:LYRA_DEFAULT_datasetViewerCaption,datasetViewerCaptionNamed:LYRA_DEFAULT_datasetViewerCaptionNamed,datasetViewerEmpty:LYRA_DEFAULT_datasetViewerEmpty,datasetViewerMissingParser:LYRA_DEFAULT_datasetViewerMissingParser,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDataset:LYRA_DEFAULT_documentPreviewTypeDataset,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}get scrollMode(){return this._scrollMode}set scrollMode(next){const normalized=DATASET_VIEWER_SCROLL_MODE.normalizeReflected(this,"scroll-mode",next),previous=this._scrollMode;previous!==normalized&&(this._scrollMode=normalized,this.requestUpdate("scrollMode",previous))}connectedCallback(){super.connectedCallback(),this.table.connected()}disconnectedCallback(){this.table.disconnecting(),super.disconnectedCallback(),this.table.disconnected()}adoptedCallback(){super.adoptedCallback(),this.table.adopted()}willUpdate(changed){super.willUpdate(changed),this.table.willUpdate(changed,this.highlights,this.activeHighlightId,!1)}updated(changed){super.updated(changed),this.table.updated(changed,this.fetchState)}async load(){this.table.lastLoadSrc=this.src;const generation=this.loadTask.next(),signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const source=await readResponseText(response);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const parsed=await this.parse(source,generation);if(parsed===void 0)return;if(this.isConnected&&this.loadTask.isCurrent(generation)){const{table}=parsed;this.fetchState=table?{kind:"loaded",table}:{kind:"empty"},table&&this.table.search.query&&await this.search(this.table.search.query),parsed.errors.length&&this.isConnected&&this.loadTask.isCurrent(generation)&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:parsed.errors})})}}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}async parse(text,generation){const papa=await loadPapaParseCached();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!papa)throw new LyraUserFacingError(this.localize("datasetViewerMissingParser"));const result=parseDelimitedRecords(papa,text);return!result.fields.length||!result.rows.length?{table:null,errors:result.errors}:{table:{fields:result.fields,rows:result.rows},errors:result.errors}}renderCell(value,colIndex,rowHighlights,role="cell"){return this.table.renderCell(value,colIndex,rowHighlights,role,role==="columnheader"?"header-cell":"cell","--_lr-dataset-viewer-highlight-color",this.activeHighlightId)}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{fields,rows}=loadedState.table;if(rawRow<1||rawRow>rows.length+1||col<0||col>=fields.length)return!1;const bodyIndex=rawRow-2;return bodyIndex<0?this.table.revealCell(this.renderRoot.querySelector('[part="header-row"]')?.querySelectorAll('[part~="header-cell"]')[col]):(this.table.setActiveRow(bodyIndex),await this.updateComplete,await this.scrollColumnIntoView(col),this.fetchState===loadedState)}async scrollColumnIntoView(col){await this.table.scrollColumnIntoView(this.renderRoot,tag("virtual-list"),col)}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async search(query){return this.table.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{fields,rows}=this.fetchState.table;for(let c=0;c<fields.length;c++)if(!visit(fields[c],{row:1,col:c}))return;for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<fields.length;c++)if(!visit(row[fields[c]]??"",{row:r+2,col:c}))return}})}async searchNext(){return this.table.step(1)}async searchPrevious(){return this.table.step(-1)}clearSearch(){this.table.clearSearch()}renderBody(){switch(this.fetchState.kind){case"loaded":{const{fields,rows}=this.fetchState.table,localizedCount=getNumberFormat(this.effectiveLocale).format(rows.length),label=this.name?this.localize("datasetViewerCaptionNamed",void 0,{name:this.name,count:localizedCount}):this.localize("datasetViewerCaption",void 0,{count:localizedCount}),headerHighlights=this.table.highlightsForRow(1);return html`
           <div
             part="table"
             role="table"
@@ -30,7 +16,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
               .items=${guard([rows],()=>rows)}
               .renderItem=${(row,index)=>this.renderRow(row,index,fields)}
               .keyFunction=${this.virtualListKeyFunction}
-              .activeItemId=${this.activeRowKey}
+              .activeItemId=${this.table.activeRowKey}
               .scrollElement=${this.scrollMode==="page"?this.ownerDocument.defaultView??void 0:void 0}
               item-role="row"
               row-index-offset="1"
@@ -48,4 +34,4 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
     >
       <div part="body">${this.renderBody()}</div>
       ${this.renderAnchorLiveRegion()}
-    </div>`}}__decorate([property()],LyraDatasetViewer.prototype,"src",void 0),__decorate([property()],LyraDatasetViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraDatasetViewer.prototype,"maxHeight",void 0),__decorate([property({reflect:!0,attribute:"scroll-mode",converter:DATASET_VIEWER_SCROLL_MODE})],LyraDatasetViewer.prototype,"scrollMode",null),__decorate([state()],LyraDatasetViewer.prototype,"fetchState",void 0),__decorate([state()],LyraDatasetViewer.prototype,"activeRowKey",void 0),__decorate([state()],LyraDatasetViewer.prototype,"searchMatches",void 0),__decorate([state()],LyraDatasetViewer.prototype,"searchActiveIndex",void 0);export{LyraDatasetViewer};
+    </div>`}}__decorate([property()],LyraDatasetViewer.prototype,"src",void 0),__decorate([property()],LyraDatasetViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraDatasetViewer.prototype,"maxHeight",void 0),__decorate([property({reflect:!0,attribute:"scroll-mode",converter:DATASET_VIEWER_SCROLL_MODE})],LyraDatasetViewer.prototype,"scrollMode",null),__decorate([state()],LyraDatasetViewer.prototype,"fetchState",void 0);export{LyraDatasetViewer};

package/dist/components/viewers/dataset-viewer/dataset-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'] { display: flex; flex-direction: column; box-sizing: border-box; min-inline-size: 0; 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'] { box-sizing: border-box; overflow: auto; max-block-size: var(--lr-dataset-viewer-max-height, none); } :host([scroll-mode='page']) [part='base'] { overflow: visible; } :host([scroll-mode='page']) [part='header-row'] { border-start-start-radius: calc(var(--lr-radius) - var(--lr-border-width-thin)); border-start-end-radius: calc(var(--lr-radius) - var(--lr-border-width-thin)); overflow: clip; } :host([scroll-mode='page']) [part='body'] { overflow: visible; max-block-size: none; } [part='table'] { display: flex; flex-direction: column; min-inline-size: max-content; font-size: var(--lr-font-size-sm); } [part='header-row'] { position: sticky; inset-block-start: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--lr-size-8rem), 1fr); z-index: var(--lr-layer-content); background: var(--lr-dataset-viewer-header-row-bg, var(--lr-color-brand-quiet)); 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='header-cell'] { padding: var(--lr-space-xs) var(--lr-space-s); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } lr-virtual-list::part(data-row) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--lr-size-8rem), 1fr); } lr-virtual-list::part(cell) { padding: var(--lr-space-xs) var(--lr-space-s); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lr-color-text); } [part~='cell-highlight'], lr-virtual-list::part(cell-highlight) { outline: var(--lr-border-width-medium) solid var( --lr-dataset-viewer-highlight-color, var(--_lr-dataset-viewer-highlight-color, var(--lr-color-brand)) ); outline-offset: calc(-1 * var(--lr-border-width-medium)); cursor: pointer; 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-xs) var(--lr-space-s); 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); } lr-virtual-list { --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'] { padding: var(--lr-space-l); color: var(--lr-color-danger); text-align: center; } `;export{styles};
+import{tableCellHighlightStyles}from"../table-viewer-shared.styles.js";import{css}from"lit";const styles=css` :host { display: block; min-inline-size: 0; } [part='base'] { display: flex; flex-direction: column; box-sizing: border-box; min-inline-size: 0; 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'] { box-sizing: border-box; overflow: auto; max-block-size: var(--lr-dataset-viewer-max-height, none); } :host([scroll-mode='page']) [part='base'] { overflow: visible; } :host([scroll-mode='page']) [part='header-row'] { border-start-start-radius: calc(var(--lr-radius) - var(--lr-border-width-thin)); border-start-end-radius: calc(var(--lr-radius) - var(--lr-border-width-thin)); overflow: clip; } :host([scroll-mode='page']) [part='body'] { overflow: visible; max-block-size: none; } [part='table'] { display: flex; flex-direction: column; min-inline-size: max-content; font-size: var(--lr-font-size-sm); } [part='header-row'] { position: sticky; inset-block-start: 0; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--lr-size-8rem), 1fr); z-index: var(--lr-layer-content); background: var(--lr-dataset-viewer-header-row-bg, var(--lr-color-brand-quiet)); 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='header-cell'] { padding: var(--lr-space-xs) var(--lr-space-s); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } lr-virtual-list::part(data-row) { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(var(--lr-size-8rem), 1fr); } lr-virtual-list::part(cell) { padding: var(--lr-space-xs) var(--lr-space-s); border-inline-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--lr-color-text); } ${tableCellHighlightStyles({color:css`var(--lr-dataset-viewer-highlight-color, var(--_lr-dataset-viewer-highlight-color, var(--lr-color-brand)))`,padding:css`var(--lr-space-xs) var(--lr-space-s)`})} lr-virtual-list { --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'] { padding: var(--lr-space-l); color: var(--lr-color-danger); text-align: center; } `;export{styles};

package/dist/components/viewers/document-compare/document-compare.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{literalSetConverter}from"../../../internal/converters.js";import{styles}from"./document-compare.styles.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{getOwnDataDescriptor,MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR}from"../../../internal/data-descriptors.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_documentCompareLabel,LYRA_DEFAULT_documentCompareNewVersion,LYRA_DEFAULT_documentCompareNoVersion,LYRA_DEFAULT_documentCompareOldVersion,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings.generated.js";const DOCUMENT_COMPARE_VIEW=literalSetConverter(["diff","side-by-side"],"diff"),DOCUMENT_COMPARE_DIFF_LAYOUT=literalSetConverter(["unified","split"],"unified"),DOCUMENT_COMPARE_VERSION_FIELDS=["id","name","mimeType","uri","version","text","highlights"];function projectDocumentCompareVersion(value){try{if(value===null||typeof value!="object"||Array.isArray(value))return;const descriptors=new Map;for(const field of DOCUMENT_COMPARE_VERSION_FIELDS)descriptors.set(field,getOwnDataDescriptor(value,field));const fieldValue=field=>{const descriptor=descriptors.get(field);if(!(descriptor===void 0||descriptor===MISSING_OWN_DATA_DESCRIPTOR||descriptor===UNSAFE_OWN_DATA_DESCRIPTOR))return descriptor.value},idDescriptor=descriptors.get("id"),nameDescriptor=descriptors.get("name");if(idDescriptor===void 0||idDescriptor===MISSING_OWN_DATA_DESCRIPTOR||idDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR||nameDescriptor===void 0||nameDescriptor===MISSING_OWN_DATA_DESCRIPTOR||nameDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR)return;const id=fieldValue("id"),name=fieldValue("name");if(typeof id!="string"||typeof name!="string")return;const mimeType=fieldValue("mimeType"),uri=fieldValue("uri"),version=fieldValue("version"),text=fieldValue("text"),highlights=fieldValue("highlights");return Object.freeze({id,name,...typeof mimeType=="string"?{mimeType}:{},...typeof uri=="string"?{uri}:{},...typeof version=="string"?{version}:{},...typeof text=="string"?{text}:{},...highlights===void 0?{}:{highlights:snapshotLyraHighlights(highlights)}})}catch{return}}function versionSourceIdentity(version){return version?JSON.stringify([version.id??"",version.uri??"",version.version??"",version.mimeType??"",version.name??""]):""}class LyraDocumentCompare extends LyraElement{constructor(){super(...arguments),this._view="diff",this._diffLayout="unified",this.copyable=!1,this._language="",this.withoutSyncScroll=!1,this.maxHeight="",this.anchor=null,this.suppressSync=!1,this.onPaneScroll=source=>()=>{if(this.withoutSyncScroll||this.suppressSync)return;const from=source==="old"?this.paneOldEl:this.paneNewEl,to=source==="old"?this.paneNewEl:this.paneOldEl;if(!from||!to)return;const fromMax=from.scrollHeight-from.clientHeight,toMax=to.scrollHeight-to.clientHeight;if(fromMax<=0)return;const fraction=from.scrollTop/fromMax;this.suppressSync=!0,to.scrollTop=fraction*toMax,this.scheduleSyncRelease()}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,documentCompareLabel:LYRA_DEFAULT_documentCompareLabel,documentCompareNewVersion:LYRA_DEFAULT_documentCompareNewVersion,documentCompareNoVersion:LYRA_DEFAULT_documentCompareNoVersion,documentCompareOldVersion:LYRA_DEFAULT_documentCompareOldVersion,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get view(){return this._view}set view(next){const normalized=DOCUMENT_COMPARE_VIEW.normalizeReflected(this,"view",next),old=this._view;old!==normalized&&(this._view=normalized,this.requestUpdate("view",old))}get oldVersion(){return this._oldVersion}set oldVersion(value){if(value===this._oldVersionSource||value===this._oldVersion)return;const previous=this._oldVersion;this._oldVersionSource=value,this._oldVersion=projectDocumentCompareVersion(value),this.requestUpdate("oldVersion",previous)}get newVersion(){return this._newVersion}set newVersion(value){if(value===this._newVersionSource||value===this._newVersion)return;const previous=this._newVersion;this._newVersionSource=value,this._newVersion=projectDocumentCompareVersion(value),this.requestUpdate("newVersion",previous)}get diffLayout(){return this._diffLayout}set diffLayout(next){const normalized=DOCUMENT_COMPARE_DIFF_LAYOUT.normalizeReflected(this,"diff-layout",next),old=this._diffLayout;old!==normalized&&(this._diffLayout=normalized,this.requestUpdate("diffLayout",old))}get language(){return this._language}set language(value){const normalized=typeof value=="string"?value:"",previous=this._language;previous!==normalized&&(this._language=normalized,this.requestUpdate("language",previous))}disconnectedCallback(){this.cancelSyncRelease(),super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.cancelSyncRelease()}cancelSyncRelease(){this.syncReleaseFrame!==void 0&&this.syncReleaseView?.cancelAnimationFrame(this.syncReleaseFrame),this.syncReleaseFrame=void 0,this.syncReleaseView=void 0,this.suppressSync=!1}scheduleSyncRelease(){const view=this.ownerDocument.defaultView;if(!view){this.suppressSync=!1;return}const frame=view.requestAnimationFrame(()=>{this.syncReleaseView!==view||this.syncReleaseFrame!==frame||(this.syncReleaseFrame=void 0,this.syncReleaseView=void 0,this.suppressSync=!1)});this.syncReleaseView=view,this.syncReleaseFrame=frame}updated(changed){super.updated(changed);const anchor=this.anchor,sourceChanged=property2=>changed.has(property2)&&versionSourceIdentity(changed.get(property2))!==versionSourceIdentity(this[property2]),oldSourceChanged=sourceChanged("oldVersion"),newSourceChanged=sourceChanged("newVersion");if(this.view==="side-by-side"){if(anchor!=null){(changed.has("anchor")||changed.has("view")||oldSourceChanged||newSourceChanged)&&(this.previewOldEl?.scrollToAnchor(anchor),this.previewNewEl?.scrollToAnchor(anchor));return}!oldSourceChanged&&!newSourceChanged||(this.cancelSyncRelease(),(!this.withoutSyncScroll||oldSourceChanged)&&this.paneOldEl&&(this.paneOldEl.scrollTop=0),(!this.withoutSyncScroll||newSourceChanged)&&this.paneNewEl&&(this.paneNewEl.scrollTop=0))}}onHighlightActivate(side,event){const{highlightId}=event.detail,otherPreview=side==="old"?this.previewNewEl:this.previewOldEl;otherPreview?.highlights.some(highlight=>highlight.id===highlightId)&&otherPreview?.scrollToAnchor(highlightId)}async scrollToAnchor(target){return await this.updateComplete,this.diffEl?this.diffEl.scrollToAnchor(target):(await Promise.all([this.previewOldEl?.scrollToAnchor(target),this.previewNewEl?.scrollToAnchor(target)])).includes(!0)}async search(query2){return await this.updateComplete,this.diffEl?.search(query2)??0}async searchNext(){return this.diffEl?.searchNext()??!1}async searchPrevious(){return this.diffEl?.searchPrevious()??!1}clearSearch(){this.diffEl?.clearSearch()}versionLabel(version,fallbackKey){return version?.name||version?.version||this.localize(fallbackKey)}renderDiff(){return html`
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{literalSetConverter}from"../../../internal/converters.js";import{styles}from"./document-compare.styles.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{getOwnDataDescriptor,MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR}from"../../../internal/data-descriptors.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_documentCompareLabel,LYRA_DEFAULT_documentCompareNewVersion,LYRA_DEFAULT_documentCompareNoVersion,LYRA_DEFAULT_documentCompareOldVersion}from"../../../internal/default-strings/viewers.generated.js";const DOCUMENT_COMPARE_VIEW=literalSetConverter(["diff","side-by-side"],"diff"),DOCUMENT_COMPARE_DIFF_LAYOUT=literalSetConverter(["unified","split"],"unified"),DOCUMENT_COMPARE_VERSION_FIELDS=["id","name","mimeType","uri","version","text","highlights"];function projectDocumentCompareVersion(value){try{if(value===null||typeof value!="object"||Array.isArray(value))return;const descriptors=new Map;for(const field of DOCUMENT_COMPARE_VERSION_FIELDS)descriptors.set(field,getOwnDataDescriptor(value,field));const fieldValue=field=>{const descriptor=descriptors.get(field);if(!(descriptor===void 0||descriptor===MISSING_OWN_DATA_DESCRIPTOR||descriptor===UNSAFE_OWN_DATA_DESCRIPTOR))return descriptor.value},idDescriptor=descriptors.get("id"),nameDescriptor=descriptors.get("name");if(idDescriptor===void 0||idDescriptor===MISSING_OWN_DATA_DESCRIPTOR||idDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR||nameDescriptor===void 0||nameDescriptor===MISSING_OWN_DATA_DESCRIPTOR||nameDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR)return;const id=fieldValue("id"),name=fieldValue("name");if(typeof id!="string"||typeof name!="string")return;const mimeType=fieldValue("mimeType"),uri=fieldValue("uri"),version=fieldValue("version"),text=fieldValue("text"),highlights=fieldValue("highlights");return Object.freeze({id,name,...typeof mimeType=="string"?{mimeType}:{},...typeof uri=="string"?{uri}:{},...typeof version=="string"?{version}:{},...typeof text=="string"?{text}:{},...highlights===void 0?{}:{highlights:snapshotLyraHighlights(highlights)}})}catch{return}}function versionSourceIdentity(version){return version?JSON.stringify([version.id??"",version.uri??"",version.version??"",version.mimeType??"",version.name??""]):""}class LyraDocumentCompare extends LyraElement{constructor(){super(...arguments),this._view="diff",this._diffLayout="unified",this.copyable=!1,this._language="",this.withoutSyncScroll=!1,this.maxHeight="",this.anchor=null,this.suppressSync=!1,this.onPaneScroll=source=>()=>{if(this.withoutSyncScroll||this.suppressSync)return;const from=source==="old"?this.paneOldEl:this.paneNewEl,to=source==="old"?this.paneNewEl:this.paneOldEl;if(!from||!to)return;const fromMax=from.scrollHeight-from.clientHeight,toMax=to.scrollHeight-to.clientHeight;if(fromMax<=0)return;const fraction=from.scrollTop/fromMax;this.suppressSync=!0,to.scrollTop=fraction*toMax,this.scheduleSyncRelease()}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,documentCompareLabel:LYRA_DEFAULT_documentCompareLabel,documentCompareNewVersion:LYRA_DEFAULT_documentCompareNewVersion,documentCompareNoVersion:LYRA_DEFAULT_documentCompareNoVersion,documentCompareOldVersion:LYRA_DEFAULT_documentCompareOldVersion,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles]}get view(){return this._view}set view(next){const normalized=DOCUMENT_COMPARE_VIEW.normalizeReflected(this,"view",next),old=this._view;old!==normalized&&(this._view=normalized,this.requestUpdate("view",old))}get oldVersion(){return this._oldVersion}set oldVersion(value){if(value===this._oldVersionSource||value===this._oldVersion)return;const previous=this._oldVersion;this._oldVersionSource=value,this._oldVersion=projectDocumentCompareVersion(value),this.requestUpdate("oldVersion",previous)}get newVersion(){return this._newVersion}set newVersion(value){if(value===this._newVersionSource||value===this._newVersion)return;const previous=this._newVersion;this._newVersionSource=value,this._newVersion=projectDocumentCompareVersion(value),this.requestUpdate("newVersion",previous)}get diffLayout(){return this._diffLayout}set diffLayout(next){const normalized=DOCUMENT_COMPARE_DIFF_LAYOUT.normalizeReflected(this,"diff-layout",next),old=this._diffLayout;old!==normalized&&(this._diffLayout=normalized,this.requestUpdate("diffLayout",old))}get language(){return this._language}set language(value){const normalized=typeof value=="string"?value:"",previous=this._language;previous!==normalized&&(this._language=normalized,this.requestUpdate("language",previous))}disconnectedCallback(){this.cancelSyncRelease(),super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.cancelSyncRelease()}cancelSyncRelease(){this.syncReleaseFrame!==void 0&&this.syncReleaseView?.cancelAnimationFrame(this.syncReleaseFrame),this.syncReleaseFrame=void 0,this.syncReleaseView=void 0,this.suppressSync=!1}scheduleSyncRelease(){const view=this.ownerDocument.defaultView;if(!view){this.suppressSync=!1;return}const frame=view.requestAnimationFrame(()=>{this.syncReleaseView!==view||this.syncReleaseFrame!==frame||(this.syncReleaseFrame=void 0,this.syncReleaseView=void 0,this.suppressSync=!1)});this.syncReleaseView=view,this.syncReleaseFrame=frame}updated(changed){super.updated(changed);const anchor=this.anchor,sourceChanged=property2=>changed.has(property2)&&versionSourceIdentity(changed.get(property2))!==versionSourceIdentity(this[property2]),oldSourceChanged=sourceChanged("oldVersion"),newSourceChanged=sourceChanged("newVersion");if(this.view==="side-by-side"){if(anchor!=null){(changed.has("anchor")||changed.has("view")||oldSourceChanged||newSourceChanged)&&(this.previewOldEl?.scrollToAnchor(anchor),this.previewNewEl?.scrollToAnchor(anchor));return}!oldSourceChanged&&!newSourceChanged||(this.cancelSyncRelease(),(!this.withoutSyncScroll||oldSourceChanged)&&this.paneOldEl&&(this.paneOldEl.scrollTop=0),(!this.withoutSyncScroll||newSourceChanged)&&this.paneNewEl&&(this.paneNewEl.scrollTop=0))}}onHighlightActivate(side,event){const{highlightId}=event.detail,otherPreview=side==="old"?this.previewNewEl:this.previewOldEl;otherPreview?.highlights.some(highlight=>highlight.id===highlightId)&&otherPreview?.scrollToAnchor(highlightId)}async scrollToAnchor(target){return await this.updateComplete,this.diffEl?this.diffEl.scrollToAnchor(target):(await Promise.all([this.previewOldEl?.scrollToAnchor(target),this.previewNewEl?.scrollToAnchor(target)])).includes(!0)}async search(query2){return await this.updateComplete,this.diffEl?.search(query2)??0}async searchNext(){return this.diffEl?.searchNext()??!1}async searchPrevious(){return this.diffEl?.searchPrevious()??!1}clearSearch(){this.diffEl?.clearSearch()}versionLabel(version,fallbackKey){return version?.name||version?.version||this.localize(fallbackKey)}renderDiff(){return html`
       <lr-diff-view
         part="diff"
         .oldText=${this.oldVersion?.text??""}

package/dist/components/viewers/document-preview/document-preview.class.d.ts

@@ -155,7 +155,7 @@ suppressDownload:boolean;private _highlights;private highlightsSource?;private _
 * dispatch scope -- text/generic formats never render these). IDs are trimmed and must be
 * nonempty; the first record for an ID is retained and blank or later duplicates are ignored.
 * Re-assigning the same array is a no-op. */
-get highlights():readonly LyraHighlight[];set highlights(value:readonly LyraHighlight[]);activeHighlightId:string|null;readonly anchorKinds:LyraAnchor['kind'][];private hasUnsupportedSlot;private textFetch;private generation;private invalidUrlReportedFor;private readonly announcements;private readonly detached;connectedCallback():void;disconnectedCallback():void;private releaseDetachedPreview;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private syncAnnouncementState;private fetchText;private onUnsupportedSlotChange;private onDownloadClick;private renderSpinner;private renderError;private renderTextPreview;private renderImagePreview;private stopPanZoomEvent;private renderZoomableWrapper;private projectRegionHighlights;private regionHighlights;private highlightActionLabel;private renderHighlightLayer;private onHighlightActionKeyDown;private renderHighlightActions;
+get highlights():readonly LyraHighlight[];set highlights(value:readonly LyraHighlight[]);activeHighlightId:string|null;readonly anchorKinds:LyraAnchor['kind'][];private hasUnsupportedSlot;private textFetch;private generation;private invalidUrlReportedFor;private readonly announcements;private readonly detached;connectedCallback():void;disconnectedCallback():void;private releaseDetachedPreview;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private syncAnnouncementState;private fetchText;private onUnsupportedSlotChange;private onDownloadClick;private renderSpinner;private renderError;private renderTextPreview;private renderImagePreview;private stopPanZoomEvent;private renderZoomableWrapper;private projectRegionHighlights;private regionHighlights;private highlightActionLabel;private renderHighlightLayer;private renderHighlightActions;
 /** Scrolls a `region` highlight into view (image format only). See `<lr-svg-viewer>`'s
 *  identical method for the id/anchor-reference resolution and no-retry-loop rationale. */
 scrollToAnchor(target:LyraAnchor|string):Promise<boolean>;private renderDownloadFallback;private renderGenericFallback;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-document-preview':LyraDocumentPreview;}}

package/dist/components/viewers/document-preview/document-preview.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,nothing,svg}from"lit";import{property,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{fileIcon}from"../../../internal/icons.js";import{srOnly}from"../../../internal/a11y.js";import{safeDownloadHref,safeFetchUrl,safeMediaSrc}from"../../../internal/safe-url.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{finiteRange}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{styles}from"./document-preview.styles.js";import{viewerFrameStyles}from"../viewer-frame.js";import{renderRegionHighlightLayer}from"../region-highlight-layer.js";import{sanitizeCssLength,sanitizePercentRect}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{snapshotLyraHighlightAnchorKind,snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{getOwnDataDescriptor,MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR}from"../../../internal/data-descriptors.js";import{LYRA_DEFAULT_convertingDocument,LYRA_DEFAULT_documentPreviewAlt,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewGenericError,LYRA_DEFAULT_documentPreviewGenericFile,LYRA_DEFAULT_documentPreviewNotAvailable,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewTypeImage,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_download,LYRA_DEFAULT_highlightOfTotal,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings.generated.js";const IDLE_TEXT_FETCH={kind:"idle"};function classifyFormat(mimeType){const mt=(mimeType??"").split(";",1)[0].trim().toLowerCase();return mt.startsWith("text/")||mt==="application/json"?"text":mt.startsWith("image/")?"image":"generic"}const EMPTY_REGION_HIGHLIGHTS=Object.freeze([]);function projectRegionAnchor(value,knownRegionKind=!1){try{if(value===null||typeof value!="object"||Array.isArray(value))return;if(!knownRegionKind){const kind=getOwnDataDescriptor(value,"kind");if(kind===MISSING_OWN_DATA_DESCRIPTOR||kind===UNSAFE_OWN_DATA_DESCRIPTOR||kind.value!=="region")return}const rectDescriptor=getOwnDataDescriptor(value,"rect");if(rectDescriptor===MISSING_OWN_DATA_DESCRIPTOR||rectDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR)return;const rect=sanitizePercentRect(rectDescriptor.value);if(!rect)return;const pageDescriptor=getOwnDataDescriptor(value,"page"),page=pageDescriptor===MISSING_OWN_DATA_DESCRIPTOR||pageDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR?void 0:pageDescriptor.value;return Object.freeze({rect,...typeof page=="number"&&Number.isFinite(page)?{page}:{}})}catch{return}}function sameRegionAnchor(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}const ICON_VIEW_BOX="0 0 24 24",ICON_STROKE_WIDTH="1.75";function downloadIcon(){return icon(svg`
+import{__decorate}from"tslib";import{html,nothing,svg}from"lit";import{property,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{fileIcon}from"../../../internal/icons.js";import{srOnly}from"../../../internal/a11y.js";import{safeDownloadHref,safeFetchUrl,safeMediaSrc}from"../../../internal/safe-url.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{finiteRange}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{styles}from"./document-preview.styles.js";import{viewerFrameStyles}from"../viewer-frame.js";import{regionHighlightLabel,renderRegionHighlightActions,renderRegionHighlightLayer,sameRegionRect}from"../region-highlight-layer.js";import{sanitizeCssLength,sanitizePercentRect}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{snapshotLyraHighlightAnchorKind,snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{getOwnDataDescriptor,MISSING_OWN_DATA_DESCRIPTOR,UNSAFE_OWN_DATA_DESCRIPTOR}from"../../../internal/data-descriptors.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewTypeImage,LYRA_DEFAULT_download,LYRA_DEFAULT_highlightOfTotal,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_progress,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_convertingDocument,LYRA_DEFAULT_documentPreviewAlt,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewGenericError,LYRA_DEFAULT_documentPreviewGenericFile,LYRA_DEFAULT_documentPreviewNotAvailable,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";const IDLE_TEXT_FETCH={kind:"idle"};function classifyFormat(mimeType){const mt=(mimeType??"").split(";",1)[0].trim().toLowerCase();return mt.startsWith("text/")||mt==="application/json"?"text":mt.startsWith("image/")?"image":"generic"}const EMPTY_REGION_HIGHLIGHTS=Object.freeze([]);function projectRegionAnchor(value,knownRegionKind=!1){try{if(value===null||typeof value!="object"||Array.isArray(value))return;if(!knownRegionKind){const kind=getOwnDataDescriptor(value,"kind");if(kind===MISSING_OWN_DATA_DESCRIPTOR||kind===UNSAFE_OWN_DATA_DESCRIPTOR||kind.value!=="region")return}const rectDescriptor=getOwnDataDescriptor(value,"rect");if(rectDescriptor===MISSING_OWN_DATA_DESCRIPTOR||rectDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR)return;const rect=sanitizePercentRect(rectDescriptor.value);if(!rect)return;const pageDescriptor=getOwnDataDescriptor(value,"page"),page=pageDescriptor===MISSING_OWN_DATA_DESCRIPTOR||pageDescriptor===UNSAFE_OWN_DATA_DESCRIPTOR?void 0:pageDescriptor.value;return Object.freeze({rect,...typeof page=="number"&&Number.isFinite(page)?{page}:{}})}catch{return}}const ICON_VIEW_BOX="0 0 24 24",ICON_STROKE_WIDTH="1.75";function downloadIcon(){return icon(svg`
     <path d="M12 3v12"></path>
     <polyline points="7 11 12 16 17 11"></polyline>
     <path d="M4 18v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2"></path>
@@ -15,7 +15,7 @@ import{__decorate}from"tslib";import{html,nothing,svg}from"lit";import{property,
       aria-hidden="true"
       focusable="false"
     >${paths}</svg>
-  `}class LyraDocumentPreview extends LyraElement{constructor(){super(...arguments),this.src="",this.mimeType="",this.filename="",this.status="idle",this.errorText="",this.maxHeight="",this.zoomable=!1,this.suppressDownload=!1,this._highlights=snapshotLyraHighlights([]),this._regionHighlights=EMPTY_REGION_HIGHLIGHTS,this.activeHighlightId=null,this.anchorKinds=["region"],this.hasUnsupportedSlot=!1,this.textFetch=IDLE_TEXT_FETCH,this.generation=0,this.invalidUrlReportedFor=null,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>this.releaseDetachedPreview()),this.onUnsupportedSlotChange=()=>{this.hasUnsupportedSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="unsupported")},this.onDownloadClick=()=>{this.emit("lr-download",{src:this.src,filename:this.filename})}}static{this.defaultStrings={...super.defaultStrings,convertingDocument:LYRA_DEFAULT_convertingDocument,documentPreviewAlt:LYRA_DEFAULT_documentPreviewAlt,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewGenericError:LYRA_DEFAULT_documentPreviewGenericError,documentPreviewGenericFile:LYRA_DEFAULT_documentPreviewGenericFile,documentPreviewNotAvailable:LYRA_DEFAULT_documentPreviewNotAvailable,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewTypeImage:LYRA_DEFAULT_documentPreviewTypeImage,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,download:LYRA_DEFAULT_download,highlightOfTotal:LYRA_DEFAULT_highlightOfTotal,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loadingDocument:LYRA_DEFAULT_loadingDocument}}static{this.styles=[LyraElement.styles,styles,viewerFrameStyles,srOnly]}get highlights(){return this._highlights}set highlights(value){if(value===this.highlightsSource||value===this._highlights)return;this.highlightsSource=value;const previous=this._highlights;this._highlights=snapshotLyraHighlights(value),this._regionHighlights=this.projectRegionHighlights(this._highlights),this.requestUpdate("highlights",previous)}connectedCallback(){super.connectedCallback(),this.announcements.connect();const moved=this.detached.cancel();this.hasUpdated&&this.src&&classifyFormat(this.mimeType)==="text"&&!moved&&(this.textFetch=IDLE_TEXT_FETCH,this.scheduleAfterUpdate(()=>{const url=safeFetchUrl(this.src);url&&this.status!=="converting"&&this.status!=="error"&&this.fetchText(url)}))}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}releaseDetachedPreview(){this.generation++,this.beginAbortableLoad(),this.textFetch=IDLE_TEXT_FETCH}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}willUpdate(changed){super.willUpdate(changed),this.hasUpdated||(this.hasUnsupportedSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="unsupported")),this.textFetch.kind!=="idle"&&(classifyFormat(this.mimeType)!=="text"||safeFetchUrl(this.src)===null||this.status==="converting"||this.status==="error")&&(this.generation++,this.beginAbortableLoad(),this.textFetch=IDLE_TEXT_FETCH)}updated(changed){super.updated(changed),this.syncAnnouncementState();const safeTextSrc=safeFetchUrl(this.src);classifyFormat(this.mimeType)==="text"&&safeTextSrc!==null&&this.status!=="converting"&&this.status!=="error"&&(changed.has("src")||changed.has("mimeType")||changed.has("status")&&this.textFetch.kind==="idle")&&this.scheduleAfterUpdate(()=>{this.fetchText(safeTextSrc)})}syncAnnouncementState(){if(this.status==="converting"){if(this.progress!=null&&Number.isFinite(this.progress)){this.announcements.transition("preview","progress");return}this.announcements.transition("preview","loading",this.localize("convertingDocument"));return}if(this.status==="error"){this.announcements.transition("preview","error",this.errorText||this.localize("documentPreviewGenericError"));return}if(classifyFormat(this.mimeType)!=="text"||this.src===""){this.announcements.transition("preview","idle");return}if(safeFetchUrl(this.src)===null){this.announcements.transition("preview","error",this.localize("documentPreviewUrlNotAllowed"));return}if(this.textFetch.kind==="error"){this.announcements.transition("preview","error",this.textFetch.message);return}if(this.textFetch.kind==="loaded"){this.announcements.transition("preview","loaded");return}this.announcements.transition("preview","loading",this.localize("loadingDocument"))}async fetchText(url){const generation=++this.generation,signal=this.beginAbortableLoad(),fetchTarget=resolveOwnerFetchTarget(this,url);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.textFetch={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.textFetch={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 text=await readResponseText(response);if(!this.isConnected||generation!==this.generation)return;this.textFetch={kind:"loaded",text}}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;const message=this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad");this.textFetch={kind:"error",message},this.emit("lr-render-error",{error})}}renderSpinner(label,progressValue){if(progressValue!=null&&Number.isFinite(progressValue)){const clamped=finiteRange(progressValue,0,0,100),rounded=Math.round(clamped),formatted=getNumberFormat(this.effectiveLocale,{style:"percent",maximumFractionDigits:0}).format(clamped/100);return html`
+  `}class LyraDocumentPreview extends LyraElement{constructor(){super(...arguments),this.src="",this.mimeType="",this.filename="",this.status="idle",this.errorText="",this.maxHeight="",this.zoomable=!1,this.suppressDownload=!1,this._highlights=snapshotLyraHighlights([]),this._regionHighlights=EMPTY_REGION_HIGHLIGHTS,this.activeHighlightId=null,this.anchorKinds=["region"],this.hasUnsupportedSlot=!1,this.textFetch=IDLE_TEXT_FETCH,this.generation=0,this.invalidUrlReportedFor=null,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>this.releaseDetachedPreview()),this.onUnsupportedSlotChange=()=>{this.hasUnsupportedSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="unsupported")},this.onDownloadClick=()=>{this.emit("lr-download",{src:this.src,filename:this.filename})}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,convertingDocument:LYRA_DEFAULT_convertingDocument,details:LYRA_DEFAULT_details,documentPreviewAlt:LYRA_DEFAULT_documentPreviewAlt,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewGenericError:LYRA_DEFAULT_documentPreviewGenericError,documentPreviewGenericFile:LYRA_DEFAULT_documentPreviewGenericFile,documentPreviewNotAvailable:LYRA_DEFAULT_documentPreviewNotAvailable,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewTypeImage:LYRA_DEFAULT_documentPreviewTypeImage,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,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,progress:LYRA_DEFAULT_progress,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles,viewerFrameStyles,srOnly]}get highlights(){return this._highlights}set highlights(value){if(value===this.highlightsSource||value===this._highlights)return;this.highlightsSource=value;const previous=this._highlights;this._highlights=snapshotLyraHighlights(value),this._regionHighlights=this.projectRegionHighlights(this._highlights),this.requestUpdate("highlights",previous)}connectedCallback(){super.connectedCallback(),this.announcements.connect();const moved=this.detached.cancel();this.hasUpdated&&this.src&&classifyFormat(this.mimeType)==="text"&&!moved&&(this.textFetch=IDLE_TEXT_FETCH,this.scheduleAfterUpdate(()=>{const url=safeFetchUrl(this.src);url&&this.status!=="converting"&&this.status!=="error"&&this.fetchText(url)}))}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}releaseDetachedPreview(){this.generation++,this.beginAbortableLoad(),this.textFetch=IDLE_TEXT_FETCH}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}willUpdate(changed){super.willUpdate(changed),this.hasUpdated||(this.hasUnsupportedSlot=Array.from(this.children).some(el=>el.getAttribute("slot")==="unsupported")),this.textFetch.kind!=="idle"&&(classifyFormat(this.mimeType)!=="text"||safeFetchUrl(this.src)===null||this.status==="converting"||this.status==="error")&&(this.generation++,this.beginAbortableLoad(),this.textFetch=IDLE_TEXT_FETCH)}updated(changed){super.updated(changed),this.syncAnnouncementState();const safeTextSrc=safeFetchUrl(this.src);classifyFormat(this.mimeType)==="text"&&safeTextSrc!==null&&this.status!=="converting"&&this.status!=="error"&&(changed.has("src")||changed.has("mimeType")||changed.has("status")&&this.textFetch.kind==="idle")&&this.scheduleAfterUpdate(()=>{this.fetchText(safeTextSrc)})}syncAnnouncementState(){if(this.status==="converting"){if(this.progress!=null&&Number.isFinite(this.progress)){this.announcements.transition("preview","progress");return}this.announcements.transition("preview","loading",this.localize("convertingDocument"));return}if(this.status==="error"){this.announcements.transition("preview","error",this.errorText||this.localize("documentPreviewGenericError"));return}if(classifyFormat(this.mimeType)!=="text"||this.src===""){this.announcements.transition("preview","idle");return}if(safeFetchUrl(this.src)===null){this.announcements.transition("preview","error",this.localize("documentPreviewUrlNotAllowed"));return}if(this.textFetch.kind==="error"){this.announcements.transition("preview","error",this.textFetch.message);return}if(this.textFetch.kind==="loaded"){this.announcements.transition("preview","loaded");return}this.announcements.transition("preview","loading",this.localize("loadingDocument"))}async fetchText(url){const generation=++this.generation,signal=this.beginAbortableLoad(),fetchTarget=resolveOwnerFetchTarget(this,url);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.textFetch={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.textFetch={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 text=await readResponseText(response);if(!this.isConnected||generation!==this.generation)return;this.textFetch={kind:"loaded",text}}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;const message=this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad");this.textFetch={kind:"error",message},this.emit("lr-render-error",{error})}}renderSpinner(label,progressValue){if(progressValue!=null&&Number.isFinite(progressValue)){const clamped=finiteRange(progressValue,0,0,100),rounded=Math.round(clamped),formatted=getNumberFormat(this.effectiveLocale,{style:"percent",maximumFractionDigits:0}).format(clamped/100);return html`
         <div
           part="spinner"
           role="progressbar"
@@ -37,20 +37,7 @@ import{__decorate}from"tslib";import{html,nothing,svg}from"lit";import{property,
     </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)}`}projectRegionHighlights(highlights){const regions=[];for(const highlight of highlights){if(snapshotLyraHighlightAnchorKind(highlight)!=="region")continue;const anchor=projectRegionAnchor(highlight.anchor,!0);anchor&&regions.push(Object.freeze({id:highlight.id,...typeof highlight.label=="string"?{label:highlight.label}:{},...highlight.tone===void 0?{}:{tone:highlight.tone},anchor}))}return Object.freeze(regions)}regionHighlights(){return this._regionHighlights}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}))}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())}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>`}async scrollToAnchor(target){let region;if(typeof target=="string")region=this._regionHighlights.find(highlight=>highlight.id===target);else{const directHighlight=this.highlights.find(highlight=>highlight.anchor===target);if(directHighlight)region=this._regionHighlights.find(highlight=>highlight.id===directHighlight.id);else{const targetRegion=projectRegionAnchor(target);targetRegion&&(region=this._regionHighlights.find(highlight=>sameRegionAnchor(highlight.anchor,targetRegion)))}}const ready=classifyFormat(this.mimeType)==="image"&&safeMediaSrc(this.src)!==null;if(!region||!ready)return!1;await this.updateComplete;const regionElement=[...this.renderRoot.querySelectorAll('[part~="region-highlight"][data-id]')].find(candidate=>candidate.getAttribute("data-id")===region.id);if(!regionElement)return!1;const behavior=prefersReducedMotion(this)?"auto":"smooth";return regionElement.scrollIntoView({behavior,block:"center",inline:"center"}),!0}renderDownloadFallback(){const label=this.filename||this.localize("documentPreviewGenericFile"),href=safeDownloadHref(this.src);return html`
+    >${inner}</lr-pan-zoom>`:inner;return html`${frame}${this.renderHighlightActions(regionHighlights)}`}projectRegionHighlights(highlights){const regions=[];for(const highlight of highlights){if(snapshotLyraHighlightAnchorKind(highlight)!=="region")continue;const anchor=projectRegionAnchor(highlight.anchor,!0);anchor&&regions.push(Object.freeze({id:highlight.id,...typeof highlight.label=="string"?{label:highlight.label}:{},...highlight.tone===void 0?{}:{tone:highlight.tone},anchor}))}return Object.freeze(regions)}regionHighlights(){return this._regionHighlights}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 scrollToAnchor(target){let region;if(typeof target=="string")region=this._regionHighlights.find(highlight=>highlight.id===target);else{const directHighlight=this.highlights.find(highlight=>highlight.anchor===target);if(directHighlight)region=this._regionHighlights.find(highlight=>highlight.id===directHighlight.id);else{const targetRegion=projectRegionAnchor(target);targetRegion&&(region=this._regionHighlights.find(highlight=>sameRegionRect(highlight.anchor,targetRegion)))}}const ready=classifyFormat(this.mimeType)==="image"&&safeMediaSrc(this.src)!==null;if(!region||!ready)return!1;await this.updateComplete;const regionElement=[...this.renderRoot.querySelectorAll('[part~="region-highlight"][data-id]')].find(candidate=>candidate.getAttribute("data-id")===region.id);if(!regionElement)return!1;const behavior=prefersReducedMotion(this)?"auto":"smooth";return regionElement.scrollIntoView({behavior,block:"center",inline:"center"}),!0}renderDownloadFallback(){const label=this.filename||this.localize("documentPreviewGenericFile"),href=safeDownloadHref(this.src);return html`
       <div class="fallback">
         <span class="fallback-icon" aria-hidden="true">${fileIcon()}</span>
         <p class="fallback-text">${this.localize("documentPreviewNotAvailable",void 0,{label})}</p>

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

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport,snapshotPublicCollection}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{documentRendererRegistrySource}from"./registry-ownership.js";import{hostAriaLabel}from"../../../internal/a11y.js";import{safeDownloadHref}from"../../../internal/safe-url.js";import{adaptDocumentRenderer,createDocumentRendererRegistry,findDocumentRenderer,loadDocumentRenderer,snapshotLyraDocumentRendererPayload}from"./registry.js";import{styles}from"./document-viewer.styles.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{LYRA_DEFAULT_documentPreviewGenericError,LYRA_DEFAULT_documentViewerLabel,LYRA_DEFAULT_download,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings.generated.js";class LyraDocumentViewer extends LyraElement{constructor(){super(...arguments),this.open=!1,this.name="",this.mimeType="",this.src="",this.anchor=null,this._highlights=snapshotLyraHighlights([]),this.renderState={kind:"fallback"},this.generation=0,this.builtInRegistry=createDocumentRendererRegistry(),this.announcements=new ViewerAnnouncementController(this),this.containShellEvent=event=>{event.target===event.currentTarget&&event.stopPropagation()},this.onDialogClose=event=>{event.target===event.currentTarget&&(event.stopPropagation(),this.open=!1,this.emit("lr-close",event.detail))},this.onDownload=()=>{const file=this.currentFile();this.emit("lr-download",{src:file.src,filename:file.name})}}static{this.defaultStrings={...super.defaultStrings,documentPreviewGenericError:LYRA_DEFAULT_documentPreviewGenericError,documentViewerLabel:LYRA_DEFAULT_documentViewerLabel,download:LYRA_DEFAULT_download,loadingDocument:LYRA_DEFAULT_loadingDocument}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["highlights","registry"])}static{this.styles=[LyraElement.styles,styles,viewerLoadingStyles]}get payload(){return this._payload}set payload(value){if(value===this.payloadSource||value===this._payload)return;const old=this._payload;this._payload=value===void 0?void 0:snapshotLyraDocumentRendererPayload(value),this.payloadSource=value,this.requestUpdate("payload",old)}static{Object.defineProperty(this.prototype,"registry",{configurable:!0,enumerable:!0,get(){return this._registry},set(value){if(value===this.registrySource||value===this._registry)return;const old=this._registry;this._registry=snapshotPublicCollection(documentRendererRegistrySource(value),this.ownerDocument?.defaultView),this.registrySource=value,this.requestUpdate("registry",old)}})}get highlights(){return this._highlights}set highlights(value){if(value===this.highlightsSource||value===this._highlights)return;const previous=this._highlights;this._highlights=snapshotLyraHighlights(value),this.highlightsSource=value,this.requestUpdate("highlights",previous)}connectedCallback(){super.connectedCallback(),this.announcements.connect(),this.hasUpdated&&this.open&&this.resolve()}disconnectedCallback(){this.generation++,this.renderState={kind:"fallback"},this.announcements.disconnect(),super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted()}willUpdate(changed){if(super.willUpdate(changed),!this.open){changed.has("open")&&(this.generation++,this.renderState={kind:"fallback"});return}const legacyFileChanged=this.payload===void 0&&(changed.has("name")||changed.has("mimeType")||changed.has("src")||changed.has("anchor")||changed.has("highlights")||changed.has("alt"));(!this.hasUpdated||changed.has("open")||changed.has("payload")||changed.has("registry")||legacyFileChanged)&&this.resolve()}updated(changed){super.updated(changed),this.announcements.transition("renderer",this.renderState.kind,this.renderState.kind==="error"?this.localize("documentPreviewGenericError"):this.localize("loadingDocument"))}currentFile(){if(this.payload){const file=this.payload.file;return{name:file.name,mimeType:file.mimeType,src:file.src,...file.anchor!==void 0?{anchor:file.anchor}:{},...file.highlights?{highlights:[...file.highlights]}:{},...file.alt!==void 0?{alt:file.alt}:{}}}return{name:this.name,mimeType:this.mimeType,src:this.src,anchor:this.anchor??void 0,highlights:this.highlights,alt:this.alt}}async resolve(){if(!this.isConnected||!this.open)return;const generation=++this.generation;this.rendererCapabilities=void 0;const file=this.currentFile(),registry=this.registry??this.builtInRegistry;let def;try{def=findDocumentRenderer(file,registry)}catch(error){this.failResolution(file,generation,error);return}if(!def){this.resolvedLazy=void 0,this.renderState={kind:"fallback"},this.finishAnchorResult(void 0,file,generation,!0);return}if(this.resolvedLazy?.def===def){this.finishRender(def,this.renderWith(this.resolvedLazy.resolved,file),file,generation);return}if(!def.load){this.resolvedLazy={def,resolved:def},this.finishRender(def,this.renderWith(def,file),file,generation);return}this.renderState={kind:"loading"};let resolved;try{resolved=await loadDocumentRenderer(def)}catch(error){generation===this.generation&&this.isConnected&&this.open&&(this.renderState={kind:"error"},this.emit("lr-render-error",{error}),this.finishAnchorResult(void 0,file,generation));return}generation!==this.generation||!this.isConnected||!this.open||(this.resolvedLazy={def,resolved},this.finishRender(def,this.renderWith(resolved,file),file,generation))}finishRender(def,rendered,file,generation){if("error"in rendered){this.failResolution(file,generation,rendered.error);return}const capabilities=rendered.capabilities??def.capabilities;this.rendererCapabilities=capabilities,this.finishAnchorResult(capabilities,file,generation)}failResolution(file,generation,error){generation!==this.generation||!this.isConnected||!this.open||(this.renderState={kind:"error"},this.emit("lr-render-error",{error}),file.anchor!=null&&this.scheduleAfterUpdate(()=>{generation!==this.generation||!this.isConnected||!this.open||this.emit("lr-anchor-result",{found:!1})}))}finishAnchorResult(capabilities,file,generation,fallback=!1){if(file.anchor!=null&&!(generation!==this.generation||!this.isConnected||!this.open)){if(fallback){this.scheduleAfterUpdate(()=>{(async()=>{const found=await this.fallbackPreviewEl?.scrollToAnchor(file.anchor)??!1;generation!==this.generation||!this.isConnected||!this.open||this.emit("lr-anchor-result",{found})})()});return}this.isAnchorCapable(capabilities,file.anchor)||this.scheduleAfterUpdate(()=>{generation!==this.generation||!this.isConnected||!this.open||this.emit("lr-anchor-result",{found:!1})})}}isAnchorCapable(capabilities,anchor){const anchors=capabilities?.anchors;return!anchors||anchors.length===0?!1:typeof anchor=="string"?!0:anchors.includes(anchor.kind)}renderWith(definition,file){try{const adapted=adaptDocumentRenderer(definition,file,this.payload);return this.renderState={kind:"rendered",template:adapted.render()},{capabilities:adapted.capabilities}}catch(error){return{error}}}renderedElement(){if(!(!this.open||this.renderState.kind!=="rendered"))return this.renderRoot.querySelector('[part="body"]')?.firstElementChild??void 0}currentSearchTarget(){if(this.rendererCapabilities?.search!==!0)return;const element=this.renderedElement();return typeof element?.search=="function"?element:void 0}async scrollToAnchor(target){if(await this.updateComplete,!this.open)return!1;if(this.renderState.kind==="fallback"){const found=await this.fallbackPreviewEl?.scrollToAnchor(target)??!1;return this.emit("lr-anchor-result",{found}),found}const element=this.renderedElement();return this.isAnchorCapable(this.rendererCapabilities,target)&&typeof element?.scrollToAnchor=="function"?element.scrollToAnchor(target):(this.emit("lr-anchor-result",{found:!1}),!1)}async searchTarget(){return await this.updateComplete,this.currentSearchTarget()}async search(query2){return await(await this.searchTarget())?.search(query2)??0}async searchNext(){return await(await this.searchTarget())?.searchNext()??!1}async searchPrevious(){return await(await this.searchTarget())?.searchPrevious()??!1}clearSearch(){this.currentSearchTarget()?.clearSearch()}renderBody(){const file=this.currentFile();switch(this.renderState.kind){case"rendered":return this.renderState.template;case"loading":return renderViewerLoading(this.localize("loadingDocument"));case"error":return html`<div part="error">${this.localize("documentPreviewGenericError")}</div>`;default:return html`
+import{__decorate}from"tslib";import{collectionSupport,snapshotPublicCollection}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{documentRendererRegistrySource}from"./registry-ownership.js";import{hostAriaLabel}from"../../../internal/a11y.js";import{safeDownloadHref}from"../../../internal/safe-url.js";import{adaptDocumentRenderer,createDocumentRendererRegistry,findDocumentRenderer,loadDocumentRenderer,snapshotLyraDocumentRendererPayload}from"./registry.js";import{styles}from"./document-viewer.styles.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{LYRA_DEFAULT_download}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_documentPreviewGenericError,LYRA_DEFAULT_documentViewerLabel,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";class LyraDocumentViewer extends LyraElement{constructor(){super(...arguments),this.open=!1,this.name="",this.mimeType="",this.src="",this.anchor=null,this._highlights=snapshotLyraHighlights([]),this.renderState={kind:"fallback"},this.generation=0,this.builtInRegistry=createDocumentRendererRegistry(),this.announcements=new ViewerAnnouncementController(this),this.containShellEvent=event=>{event.target===event.currentTarget&&event.stopPropagation()},this.onDialogClose=event=>{event.target===event.currentTarget&&(event.stopPropagation(),this.open=!1,this.emit("lr-close",event.detail))},this.onDownload=()=>{const file=this.currentFile();this.emit("lr-download",{src:file.src,filename:file.name})}}static{this.defaultStrings={...super.defaultStrings,documentPreviewGenericError:LYRA_DEFAULT_documentPreviewGenericError,documentViewerLabel:LYRA_DEFAULT_documentViewerLabel,download:LYRA_DEFAULT_download,loadingDocument:LYRA_DEFAULT_loadingDocument}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["highlights","registry"])}static{this.styles=[LyraElement.styles,styles,viewerLoadingStyles]}get payload(){return this._payload}set payload(value){if(value===this.payloadSource||value===this._payload)return;const old=this._payload;this._payload=value===void 0?void 0:snapshotLyraDocumentRendererPayload(value),this.payloadSource=value,this.requestUpdate("payload",old)}static{Object.defineProperty(this.prototype,"registry",{configurable:!0,enumerable:!0,get(){return this._registry},set(value){if(value===this.registrySource||value===this._registry)return;const old=this._registry;this._registry=snapshotPublicCollection(documentRendererRegistrySource(value),this.ownerDocument?.defaultView),this.registrySource=value,this.requestUpdate("registry",old)}})}get highlights(){return this._highlights}set highlights(value){if(value===this.highlightsSource||value===this._highlights)return;const previous=this._highlights;this._highlights=snapshotLyraHighlights(value),this.highlightsSource=value,this.requestUpdate("highlights",previous)}connectedCallback(){super.connectedCallback(),this.announcements.connect(),this.hasUpdated&&this.open&&this.resolve()}disconnectedCallback(){this.generation++,this.renderState={kind:"fallback"},this.announcements.disconnect(),super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted()}willUpdate(changed){if(super.willUpdate(changed),!this.open){changed.has("open")&&(this.generation++,this.renderState={kind:"fallback"});return}const legacyFileChanged=this.payload===void 0&&(changed.has("name")||changed.has("mimeType")||changed.has("src")||changed.has("anchor")||changed.has("highlights")||changed.has("alt"));(!this.hasUpdated||changed.has("open")||changed.has("payload")||changed.has("registry")||legacyFileChanged)&&this.resolve()}updated(changed){super.updated(changed),this.announcements.transition("renderer",this.renderState.kind,this.renderState.kind==="error"?this.localize("documentPreviewGenericError"):this.localize("loadingDocument"))}currentFile(){if(this.payload){const file=this.payload.file;return{name:file.name,mimeType:file.mimeType,src:file.src,...file.anchor!==void 0?{anchor:file.anchor}:{},...file.highlights?{highlights:[...file.highlights]}:{},...file.alt!==void 0?{alt:file.alt}:{}}}return{name:this.name,mimeType:this.mimeType,src:this.src,anchor:this.anchor??void 0,highlights:this.highlights,alt:this.alt}}async resolve(){if(!this.isConnected||!this.open)return;const generation=++this.generation;this.rendererCapabilities=void 0;const file=this.currentFile(),registry=this.registry??this.builtInRegistry;let def;try{def=findDocumentRenderer(file,registry)}catch(error){this.failResolution(file,generation,error);return}if(!def){this.resolvedLazy=void 0,this.renderState={kind:"fallback"},this.finishAnchorResult(void 0,file,generation,!0);return}if(this.resolvedLazy?.def===def){this.finishRender(def,this.renderWith(this.resolvedLazy.resolved,file),file,generation);return}if(!def.load){this.resolvedLazy={def,resolved:def},this.finishRender(def,this.renderWith(def,file),file,generation);return}this.renderState={kind:"loading"};let resolved;try{resolved=await loadDocumentRenderer(def)}catch(error){generation===this.generation&&this.isConnected&&this.open&&(this.renderState={kind:"error"},this.emit("lr-render-error",{error}),this.finishAnchorResult(void 0,file,generation));return}generation!==this.generation||!this.isConnected||!this.open||(this.resolvedLazy={def,resolved},this.finishRender(def,this.renderWith(resolved,file),file,generation))}finishRender(def,rendered,file,generation){if("error"in rendered){this.failResolution(file,generation,rendered.error);return}const capabilities=rendered.capabilities??def.capabilities;this.rendererCapabilities=capabilities,this.finishAnchorResult(capabilities,file,generation)}failResolution(file,generation,error){generation!==this.generation||!this.isConnected||!this.open||(this.renderState={kind:"error"},this.emit("lr-render-error",{error}),file.anchor!=null&&this.scheduleAfterUpdate(()=>{generation!==this.generation||!this.isConnected||!this.open||this.emit("lr-anchor-result",{found:!1})}))}finishAnchorResult(capabilities,file,generation,fallback=!1){if(file.anchor!=null&&!(generation!==this.generation||!this.isConnected||!this.open)){if(fallback){this.scheduleAfterUpdate(()=>{(async()=>{const found=await this.fallbackPreviewEl?.scrollToAnchor(file.anchor)??!1;generation!==this.generation||!this.isConnected||!this.open||this.emit("lr-anchor-result",{found})})()});return}this.isAnchorCapable(capabilities,file.anchor)||this.scheduleAfterUpdate(()=>{generation!==this.generation||!this.isConnected||!this.open||this.emit("lr-anchor-result",{found:!1})})}}isAnchorCapable(capabilities,anchor){const anchors=capabilities?.anchors;return!anchors||anchors.length===0?!1:typeof anchor=="string"?!0:anchors.includes(anchor.kind)}renderWith(definition,file){try{const adapted=adaptDocumentRenderer(definition,file,this.payload);return this.renderState={kind:"rendered",template:adapted.render()},{capabilities:adapted.capabilities}}catch(error){return{error}}}renderedElement(){if(!(!this.open||this.renderState.kind!=="rendered"))return this.renderRoot.querySelector('[part="body"]')?.firstElementChild??void 0}currentSearchTarget(){if(this.rendererCapabilities?.search!==!0)return;const element=this.renderedElement();return typeof element?.search=="function"?element:void 0}async scrollToAnchor(target){if(await this.updateComplete,!this.open)return!1;if(this.renderState.kind==="fallback"){const found=await this.fallbackPreviewEl?.scrollToAnchor(target)??!1;return this.emit("lr-anchor-result",{found}),found}const element=this.renderedElement();return this.isAnchorCapable(this.rendererCapabilities,target)&&typeof element?.scrollToAnchor=="function"?element.scrollToAnchor(target):(this.emit("lr-anchor-result",{found:!1}),!1)}async searchTarget(){return await this.updateComplete,this.currentSearchTarget()}async search(query2){return await(await this.searchTarget())?.search(query2)??0}async searchNext(){return await(await this.searchTarget())?.searchNext()??!1}async searchPrevious(){return await(await this.searchTarget())?.searchPrevious()??!1}clearSearch(){this.currentSearchTarget()?.clearSearch()}renderBody(){const file=this.currentFile();switch(this.renderState.kind){case"rendered":return this.renderState.template;case"loading":return renderViewerLoading(this.localize("loadingDocument"));case"error":return html`<div part="error">${this.localize("documentPreviewGenericError")}</div>`;default:return html`
           <lr-document-preview
             src=${file.src}
             mime-type=${file.mimeType}

package/dist/components/viewers/document-viewer/ooxml-part-guard.js

@@ -0,0 +1 @@
+import{LyraResourceLimitError}from"../../../internal/resource-loader.js";import{assertZipArchiveWithinLimits,createXmlComplexityInspectorFactory,zipEntryLookupNames}from"../archive-viewer/zip-resource-guard.js";const MAX_RELATIONSHIP_BYTES=8*1024*1024,RELATIONSHIP_PART_NAME=/^(?:(.*)\/)?_rels\/[^/]*\.rels$/i,OFFICE_RELATIONSHIP="http://schemas.openxmlformats.org/officeDocument/2006/relationships/",XML_ENTITIES={amp:"&",apos:"'",gt:">",lt:"<",quot:'"'};function isXmlSpace(character){return character!==void 0&&(character<=" "||character==="€")}function decodeAttributeValue(value){return value.replace(/[\t\n\r]/g," ").replace(/&#?\w+;/g,reference=>{const name=reference.slice(1,-1);if(Object.hasOwn(XML_ENTITIES,name))return XML_ENTITIES[name];if(!name.startsWith("#"))return reference;const code=parseInt(name.slice(1).replace("x","0x"));return Number.isInteger(code)&&code>=0&&code<=1114111?String.fromCodePoint(code):reference})}function isTagDelimiter(character){return character===void 0||isXmlSpace(character)||`<>/="'`.includes(character)}function relationshipPartTargets(text,isPartType){const targets=[];for(let start=text.indexOf("<");start>=0;start=text.indexOf("<",start+1)){let index=start+1;for(;!isTagDelimiter(text[index]);)index++;const name=text.slice(start+1,index);if(name.slice(name.lastIndexOf(":")+1)!=="Relationship")continue;let partType=!1;const values=[];for(;index<text.length&&text[index]!==">"&&text[index]!=="<";){if(isXmlSpace(text[index])||text[index]==="/"){index++;continue}const attributeStart=index;for(;!isTagDelimiter(text[index]);)index++;const attribute=text.slice(attributeStart,index);for(;isXmlSpace(text[index]);)index++;if(text[index]==="=")for(index++;isXmlSpace(text[index]);)index++;const quote=text[index];let value="";if(quote==='"'||quote==="'"){const end=text.indexOf(quote,index+1);if(end<0)break;value=text.slice(index+1,end),index=end+1}else if(isTagDelimiter(quote)){if(attribute==="")break}else{const valueStart=index;for(;!isTagDelimiter(text[index]);)index++;value=text.slice(valueStart,index)}attribute==="Type"&&isPartType(decodeAttributeValue(value))&&(partType=!0),attribute==="Target"&&values.push(decodeAttributeValue(value))}partType&&targets.push(...values)}return targets}function joinPartPath(base,target){const joined=target.startsWith("/")?target:[base,target].filter(Boolean).join("/");return joined.startsWith("/")?joined.slice(1):joined}async function assertOoxmlPartsWithinLimits(source,config){const{guardOptions,extend}=config;let countEveryEntry=!1;const countNodes=createXmlComplexityInspectorFactory({includeEntry:name=>countEveryEntry||config.partName.test(name),maxNodes:config.maxNodes}),skipped=[],relationshipParts=[];let relationshipBytes=0;await assertZipArchiveWithinLimits(source,{...guardOptions,createInspector:entry=>{const counter=countNodes(entry);if(!counter){skipped.push(entry.name);return}const inspect=extend?extend(counter):counter;if(!zipEntryLookupNames(entry.name).some(name=>RELATIONSHIP_PART_NAME.test(name)))return inspect;const part={name:entry.name,chunks:[]};return relationshipParts.push(part),{write(chunk){if(inspect.write(chunk),relationshipBytes+=chunk.byteLength,relationshipBytes>MAX_RELATIONSHIP_BYTES)throw new LyraResourceLimitError(`The ${guardOptions.description} archive contains too many document relationships.`);part.chunks.push(chunk)},close:()=>inspect.close()}}});const candidates=new Set;for(const part of relationshipParts){const decoder=new TextDecoder,targets=relationshipPartTargets(part.chunks.map(chunk=>decoder.decode(chunk,{stream:!0})).join("")+decoder.decode(),config.isPartType);for(const name of zipEntryLookupNames(part.name)){const match=RELATIONSHIP_PART_NAME.exec(name);if(match)for(const target of targets)for(const lookup of zipEntryLookupNames(joinPartPath(match[1]??"",target)))candidates.add(lookup)}}const uncounted=new Set(skipped.filter(name=>zipEntryLookupNames(name).some(lookup=>candidates.has(lookup))));uncounted.size!==0&&(countEveryEntry=!0,await assertZipArchiveWithinLimits(source,{...guardOptions,createInspector:entry=>{if(!uncounted.has(entry.name))return;const counter=countNodes(entry);return counter&&extend?extend(counter):counter}}))}export{OFFICE_RELATIONSHIP,assertOoxmlPartsWithinLimits};

package/dist/components/viewers/docx-viewer/docx-loader.js

@@ -1 +1 @@
-import{isHtmlSanitizer,resolveOptionalPeerCapability}from"../../../internal/optional-peer-capabilities.js";let depsPromise,resolvedDeps;function isMammothApi(value){return(typeof value=="object"||typeof value=="function")&&value!==null&&"convertToHtml"in value&&typeof value.convertToHtml=="function"}async function loadMammothAndSanitizer(importMammoth=()=>import("mammoth/mammoth.browser.js"),importDompurify=()=>import("dompurify")){let mammoth;try{mammoth=resolveOptionalPeerCapability(await importMammoth(),isMammothApi)??void 0}catch(error){console.warn("<lr-docx-viewer> needs the optional peer dependency `mammoth` to convert DOCX documents — install it with `pnpm add mammoth`:",error)}let DOMPurify;try{DOMPurify=resolveOptionalPeerCapability(await importDompurify(),isHtmlSanitizer)??void 0}catch(error){console.warn("<lr-docx-viewer> needs the optional peer dependency `dompurify` to sanitize converted HTML — install it with `pnpm add dompurify`:",error)}return{mammoth,DOMPurify}}function loadDocxDeps(){return depsPromise||(depsPromise=loadMammothAndSanitizer().then(resolved=>(resolvedDeps=resolved,resolved))),depsPromise}function getDocxDepsIfLoaded(){return resolvedDeps}function clearDocxDepsCache(){depsPromise=void 0,resolvedDeps=void 0}export{clearDocxDepsCache,getDocxDepsIfLoaded,loadDocxDeps,loadMammothAndSanitizer};
+import{loadDompurify}from"../../../internal/dompurify-loader.js";import{createOptionalPeerLoader}from"../../../internal/optional-peer-capabilities.js";let depsPromise,resolvedDeps;function isMammothApi(value){return(typeof value=="object"||typeof value=="function")&&value!==null&&"convertToHtml"in value&&typeof value.convertToHtml=="function"}const mammothLoader=createOptionalPeerLoader({load:()=>import("mammoth/mammoth.browser.js"),isCapability:isMammothApi,warningKey:"lyra-docx-viewer-mammoth-unavailable",warning:"<lr-docx-viewer> could not load its optional mammoth peer."});async function loadMammothAndSanitizer(importMammoth,importDompurify){const[mammoth,DOMPurify]=await Promise.all([importMammoth?mammothLoader.loadWith(importMammoth):mammothLoader.get(),loadDompurify(importDompurify)]);return{mammoth:mammoth??void 0,DOMPurify:DOMPurify??void 0}}function loadDocxDeps(){return depsPromise||(depsPromise=loadMammothAndSanitizer().then(resolved=>(resolvedDeps=resolved,resolved))),depsPromise}function getDocxDepsIfLoaded(){return resolvedDeps}function clearDocxDepsCache(){depsPromise=void 0,resolvedDeps=void 0,mammothLoader.clear()}export{clearDocxDepsCache,getDocxDepsIfLoaded,loadDocxDeps,loadMammothAndSanitizer};

package/dist/components/viewers/docx-viewer/docx-resource-guard.js

@@ -1 +1 @@
-import{LyraResourceLimitError}from"../../../internal/resource-loader.js";import{DOCX_ZIP_LIMITS,DocxZipAdmissionError,inspectDocxZip}from"../../../internal/docx-zip-admission.js";import{assertZipArchiveWithinLimits,createXmlComplexityInspectorFactory,zipEntryLookupNames}from"../archive-viewer/zip-resource-guard.js";const DEFAULT_MAX_DOCX_ENTRIES=DOCX_ZIP_LIMITS.entries,DEFAULT_MAX_DOCX_UNCOMPRESSED_BYTES=DOCX_ZIP_LIMITS.expanded,DEFAULT_MAX_DOCX_XML_NODES=DOCX_ZIP_LIMITS.nodes,MAX_DOCX_RELATIONSHIP_BYTES=8*1024*1024,DOCX_XML_PART_NAME=/\.(?:xml|rels)$/i,RELATIONSHIP_PART_NAME=/^(?:(.*)\/)?_rels\/[^/]*\.rels$/i,OFFICE_RELATIONSHIP="http://schemas.openxmlformats.org/officeDocument/2006/relationships/",MAMMOTH_XML_PART_TYPES=new Set(["officeDocument","styles","numbering","footnotes","endnotes","comments"].map(kind=>OFFICE_RELATIONSHIP+kind)),XML_ENTITIES={amp:"&",apos:"'",gt:">",lt:"<",quot:'"'};function createDocxXmlDepthInspector(maxDepth){const decoder=new TextDecoder("utf-8",{fatal:!0});let depth=0,state="text",bang="",tail="",quote="",lastNonSpace="",tagName="",readingTagName=!1,closeName="",closeNameEnded=!1;const names=[],invalid=()=>{throw new LyraResourceLimitError("The DOCX archive contains invalid XML.")},consume=text=>{for(const char of text){if(state==="text"){char==="<"&&(state="open");continue}if(state==="open"){if(char==="!")state="bang",bang="";else if(char==="?")state="pi",tail="";else if(char==="/")state="close",closeName="",closeNameEnded=!1;else if(/^[\p{L}_:]$/u.test(char)){if(++depth>maxDepth)throw new LyraResourceLimitError("The DOCX archive contains overly deep XML.");state="tag",quote="",lastNonSpace=char,tagName=char,readingTagName=!0}else invalid();continue}if(state==="bang"){bang+=char,"--".startsWith(bang)&&bang==="--"?(state="comment",tail=""):"[CDATA[".startsWith(bang)&&bang==="[CDATA["?(state="cdata",tail=""):!"--".startsWith(bang)&&!"[CDATA[".startsWith(bang)&&invalid();continue}if(state==="comment"||state==="cdata"||state==="pi"){tail=(tail+char).slice(-3),(state==="comment"&&tail==="-->"||state==="cdata"&&tail==="]]>"||state==="pi"&&tail.endsWith("?>"))&&(state="text",tail="");continue}if(state==="close"){char===">"?((!closeName||names.pop()!==closeName)&&invalid(),depth--,state="text"):!closeNameEnded&&/^[\p{L}\p{N}\p{M}_.:-]$/u.test(char)?closeName+=char:/\s/u.test(char)&&closeName?closeNameEnded=!0:invalid();continue}if(readingTagName){if(/^[\p{L}\p{N}\p{M}_.:-]$/u.test(char)){tagName+=char,lastNonSpace=char;continue}names.push(tagName),readingTagName=!1}if(quote){char===quote&&(quote="");continue}char==='"'||char==="'"?quote=char:char===">"?(lastNonSpace==="/"&&(names.pop(),depth--),state="text"):char==="<"?invalid():/\s/u.test(char)||(lastNonSpace=char)}};return{write(chunk){try{consume(decoder.decode(chunk,{stream:!0}))}catch(error){if(error instanceof LyraResourceLimitError)throw error;invalid()}},close(){try{consume(decoder.decode())}catch(error){if(error instanceof LyraResourceLimitError)throw error;invalid()}(state!=="text"||depth!==0||names.length!==0)&&invalid()}}}function isXmlSpace(character){return character!==void 0&&(character<=" "||character==="€")}function decodeAttributeValue(value){return value.replace(/[\t\n\r]/g," ").replace(/&#?\w+;/g,reference=>{const name=reference.slice(1,-1);if(Object.hasOwn(XML_ENTITIES,name))return XML_ENTITIES[name];if(!name.startsWith("#"))return reference;const code=parseInt(name.slice(1).replace("x","0x"));return Number.isInteger(code)&&code>=0&&code<=1114111?String.fromCodePoint(code):reference})}function isTagDelimiter(character){return character===void 0||isXmlSpace(character)||`<>/="'`.includes(character)}function mammothPartTargets(text){const targets=[];for(let start=text.indexOf("<");start>=0;start=text.indexOf("<",start+1)){let index=start+1;for(;!isTagDelimiter(text[index]);)index++;const name=text.slice(start+1,index);if(name.slice(name.lastIndexOf(":")+1)!=="Relationship")continue;let partType=!1;const values=[];for(;index<text.length&&text[index]!==">"&&text[index]!=="<";){if(isXmlSpace(text[index])||text[index]==="/"){index++;continue}const attributeStart=index;for(;!isTagDelimiter(text[index]);)index++;const attribute=text.slice(attributeStart,index);for(;isXmlSpace(text[index]);)index++;if(text[index]==="=")for(index++;isXmlSpace(text[index]);)index++;const quote=text[index];let value="";if(quote==='"'||quote==="'"){const end=text.indexOf(quote,index+1);if(end<0)break;value=text.slice(index+1,end),index=end+1}else if(isTagDelimiter(quote)){if(attribute==="")break}else{const valueStart=index;for(;!isTagDelimiter(text[index]);)index++;value=text.slice(valueStart,index)}attribute==="Type"&&MAMMOTH_XML_PART_TYPES.has(decodeAttributeValue(value))&&(partType=!0),attribute==="Target"&&values.push(decodeAttributeValue(value))}partType&&targets.push(...values)}return targets}function joinPartPath(base,target){const joined=target.startsWith("/")?target:[base,target].filter(Boolean).join("/");return joined.startsWith("/")?joined.slice(1):joined}async function assertDocxArchiveWithinLimits(source,maxEntries=DEFAULT_MAX_DOCX_ENTRIES,maxUncompressedBytes=DEFAULT_MAX_DOCX_UNCOMPRESSED_BYTES,options={}){if(options.strictAdmission)try{inspectDocxZip(new Uint8Array(source),options.signal)}catch(error){throw error instanceof DocxZipAdmissionError&&error.code==="aborted"?new DOMException("The operation was aborted.","AbortError"):new LyraResourceLimitError("The DOCX archive is malformed or exceeds its resource limits.")}let countEveryEntry=!1;const countNodes=createXmlComplexityInspectorFactory({includeEntry:name=>countEveryEntry||DOCX_XML_PART_NAME.test(name),maxNodes:options.maxXmlNodes??DEFAULT_MAX_DOCX_XML_NODES}),guardOptions={description:"DOCX",maxEntries,maxUncompressedBytes,maxEntryBytes:options.strictAdmission?DOCX_ZIP_LIMITS.entry:void 0,verifyCrc:options.strictAdmission,signal:options.signal},skipped=[],relationshipParts=[];let relationshipBytes=0;await assertZipArchiveWithinLimits(source,{...guardOptions,createInspector:entry=>{const counter=countNodes(entry);if(!counter){skipped.push(entry.name);return}const depth=options.strictAdmission?createDocxXmlDepthInspector(DOCX_ZIP_LIMITS.depth):void 0,inspect=depth?{write(chunk){counter.write(chunk),depth.write(chunk)},close(){counter.close(),depth.close()}}:counter;if(!zipEntryLookupNames(entry.name).some(name=>RELATIONSHIP_PART_NAME.test(name)))return inspect;const part={name:entry.name,chunks:[]};return relationshipParts.push(part),{write(chunk){if(inspect.write(chunk),relationshipBytes+=chunk.byteLength,relationshipBytes>MAX_DOCX_RELATIONSHIP_BYTES)throw new LyraResourceLimitError("The DOCX archive contains too many document relationships.");part.chunks.push(chunk)},close:()=>inspect.close()}}});const candidates=new Set;for(const part of relationshipParts){const decoder=new TextDecoder,targets=mammothPartTargets(part.chunks.map(chunk=>decoder.decode(chunk,{stream:!0})).join("")+decoder.decode());for(const name of zipEntryLookupNames(part.name)){const match=RELATIONSHIP_PART_NAME.exec(name);if(match)for(const target of targets)for(const lookup of zipEntryLookupNames(joinPartPath(match[1]??"",target)))candidates.add(lookup)}}const uncounted=new Set(skipped.filter(name=>zipEntryLookupNames(name).some(lookup=>candidates.has(lookup))));uncounted.size!==0&&(countEveryEntry=!0,await assertZipArchiveWithinLimits(source,{...guardOptions,createInspector:entry=>{if(!uncounted.has(entry.name))return;const counter=countNodes(entry);if(!counter||!options.strictAdmission)return counter;const depth=createDocxXmlDepthInspector(DOCX_ZIP_LIMITS.depth);return{write(chunk){counter.write(chunk),depth.write(chunk)},close(){counter.close(),depth.close()}}}}))}export{assertDocxArchiveWithinLimits,createDocxXmlDepthInspector};
+import{LyraResourceLimitError}from"../../../internal/resource-loader.js";import{DOCX_ZIP_LIMITS,DocxZipAdmissionError,inspectDocxZip}from"../../../internal/docx-zip-admission.js";import{assertOoxmlPartsWithinLimits,OFFICE_RELATIONSHIP}from"../document-viewer/ooxml-part-guard.js";const DEFAULT_MAX_DOCX_ENTRIES=DOCX_ZIP_LIMITS.entries,DEFAULT_MAX_DOCX_UNCOMPRESSED_BYTES=DOCX_ZIP_LIMITS.expanded,DEFAULT_MAX_DOCX_XML_NODES=DOCX_ZIP_LIMITS.nodes,DOCX_XML_PART_NAME=/\.(?:xml|rels)$/i,MAMMOTH_XML_PART_TYPES=new Set(["officeDocument","styles","numbering","footnotes","endnotes","comments"].map(kind=>OFFICE_RELATIONSHIP+kind));function createDocxXmlDepthInspector(maxDepth){const decoder=new TextDecoder("utf-8",{fatal:!0});let depth=0,state="text",bang="",tail="",quote="",lastNonSpace="",tagName="",readingTagName=!1,closeName="",closeNameEnded=!1;const names=[],invalid=()=>{throw new LyraResourceLimitError("The DOCX archive contains invalid XML.")},consume=text=>{for(const char of text){if(state==="text"){char==="<"&&(state="open");continue}if(state==="open"){if(char==="!")state="bang",bang="";else if(char==="?")state="pi",tail="";else if(char==="/")state="close",closeName="",closeNameEnded=!1;else if(/^[\p{L}_:]$/u.test(char)){if(++depth>maxDepth)throw new LyraResourceLimitError("The DOCX archive contains overly deep XML.");state="tag",quote="",lastNonSpace=char,tagName=char,readingTagName=!0}else invalid();continue}if(state==="bang"){bang+=char,"--".startsWith(bang)&&bang==="--"?(state="comment",tail=""):"[CDATA[".startsWith(bang)&&bang==="[CDATA["?(state="cdata",tail=""):!"--".startsWith(bang)&&!"[CDATA[".startsWith(bang)&&invalid();continue}if(state==="comment"||state==="cdata"||state==="pi"){tail=(tail+char).slice(-3),(state==="comment"&&tail==="-->"||state==="cdata"&&tail==="]]>"||state==="pi"&&tail.endsWith("?>"))&&(state="text",tail="");continue}if(state==="close"){char===">"?((!closeName||names.pop()!==closeName)&&invalid(),depth--,state="text"):!closeNameEnded&&/^[\p{L}\p{N}\p{M}_.:-]$/u.test(char)?closeName+=char:/\s/u.test(char)&&closeName?closeNameEnded=!0:invalid();continue}if(readingTagName){if(/^[\p{L}\p{N}\p{M}_.:-]$/u.test(char)){tagName+=char,lastNonSpace=char;continue}names.push(tagName),readingTagName=!1}if(quote){char===quote&&(quote="");continue}char==='"'||char==="'"?quote=char:char===">"?(lastNonSpace==="/"&&(names.pop(),depth--),state="text"):char==="<"?invalid():/\s/u.test(char)||(lastNonSpace=char)}};return{write(chunk){try{consume(decoder.decode(chunk,{stream:!0}))}catch(error){if(error instanceof LyraResourceLimitError)throw error;invalid()}},close(){try{consume(decoder.decode())}catch(error){if(error instanceof LyraResourceLimitError)throw error;invalid()}(state!=="text"||depth!==0||names.length!==0)&&invalid()}}}async function assertDocxArchiveWithinLimits(source,maxEntries=DEFAULT_MAX_DOCX_ENTRIES,maxUncompressedBytes=DEFAULT_MAX_DOCX_UNCOMPRESSED_BYTES,options={}){if(options.strictAdmission)try{inspectDocxZip(new Uint8Array(source),options.signal)}catch(error){throw error instanceof DocxZipAdmissionError&&error.code==="aborted"?new DOMException("The operation was aborted.","AbortError"):new LyraResourceLimitError("The DOCX archive is malformed or exceeds its resource limits.")}await assertOoxmlPartsWithinLimits(source,{guardOptions:{description:"DOCX",maxEntries,maxUncompressedBytes,maxEntryBytes:options.strictAdmission?DOCX_ZIP_LIMITS.entry:void 0,verifyCrc:options.strictAdmission,signal:options.signal},partName:DOCX_XML_PART_NAME,isPartType:type=>MAMMOTH_XML_PART_TYPES.has(type),maxNodes:options.maxXmlNodes??DEFAULT_MAX_DOCX_XML_NODES,extend:options.strictAdmission?counter=>{const depth=createDocxXmlDepthInspector(DOCX_ZIP_LIMITS.depth);return{write(chunk){counter.write(chunk),depth.write(chunk)},close(){counter.close(),depth.close()}}}:void 0})}export{assertDocxArchiveWithinLimits,createDocxXmlDepthInspector};

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

@@ -88,7 +88,7 @@ name:string;
 /** A CSS `max-height` that caps the scrollable document body; invalid values are ignored. */
 maxHeight:string;
 /** Anchor kinds this viewer resolves via `scrollToAnchor()`. Readonly. */
-readonly anchorKinds:readonly['fragment','text-quote'];private fetchState;private searchMatches;private searchMatchCountExact;private searchActiveIndex;private resolvedHighlightActions;private generation;private lastLoadSrc;private loadLibrary;private readonly announcements;private headingTree;private highlightHandle?;private resolvedHighlightRanges;private pendingResolvedHighlightActions;private resolvedHighlightActionSyncPending;private searchQuery;private paintedSearchMarks;private textIndexCache;private textIndexMappingDirty;private textIndexLocale?;private readonly detached;connectedCallback():void;disconnectedCallback():void;private releaseDetachedDocument;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private contentRoot;private resetSearchForContentChange;private load;private failWithLocalizedMessage;private stampHeadings;
+readonly anchorKinds:readonly['fragment','text-quote'];private fetchState;private readonly searchState;private resolvedHighlightActions;private generation;private lastLoadSrc;private loadLibrary;private readonly announcements;private headingTree;private highlightHandle?;private resolvedHighlightRanges;private pendingResolvedHighlightActions;private resolvedHighlightActionSyncPending;private paintedSearchMarks;private textIndexCache;private textIndexMappingDirty;private textIndexLocale?;private readonly detached;connectedCallback():void;disconnectedCallback():void;private releaseDetachedDocument;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private contentRoot;private resetSearchForContentChange;private load;private failWithLocalizedMessage;private stampHeadings;
 /** A document-ordered, flattened heading outline -- empty until a document has finished loading. */
 getHeadingTree():DocxHeadingItem[];protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;private applyFragmentAnchor;private applyTextQuoteAnchor;
 /** Overrides `DocumentAnchorTarget`'s default (whole render-root) selection scope -- only
@@ -108,7 +108,7 @@ search(query:string):Promise<number>;
 searchNext():Promise<boolean>;
 /** Moves to the previous match, wrapping to the last before the first. Resolves `false` (no-op)
 *  when there are no matches. */
-searchPrevious():Promise<boolean>;
+searchPrevious():Promise<boolean>;private stepSearch;
 /** Clears the query, matches, and any painted marks, and resets `lr-search-change` to a
 *  0-match/no-active-index state. */
-clearSearch():void;private emitSearchChange;private scrollToActiveSearchMatch;private clearSearchPaint;private paintSearchMatches;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-docx-viewer':LyraDocxViewer;}}
+clearSearch():void;private scrollToActiveSearchMatch;private clearSearchPaint;private paintSearchMatches;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-docx-viewer':LyraDocxViewer;}}