@aceshooting/lyra-ui 26.0.0 → 28.0.0

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

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";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{styles}from"./highlight-layer.styles.js";import{maxPairedAnimationEndMs}from"./highlight-layer-timing.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{sanitizePercentRect}from"../../../internal/safe-css.js";import{activeElementIn}from"../../../internal/active-element.js";import{hostAriaLabel}from"../../../internal/a11y.js";import{resolveCssTokenLength}from"../../../internal/css-token-length.js";import{LYRA_DEFAULT_highlightLayerLabel,LYRA_DEFAULT_highlightOfTotal,LYRA_DEFAULT_highlightWithLabel}from"../../../internal/default-strings.generated.js";function snapshotItems(value){if(!Array.isArray(value))return Object.freeze([]);const output=[],seenIds=new Set,length=Math.min(value.length,1e4);for(let index=0;index<length;index+=1)try{const candidate=value[index];if(candidate===null||typeof candidate!="object"||Array.isArray(candidate))continue;const rawId=candidate.id;if(typeof rawId!="string")continue;const id=rawId.trim();if(id.length===0||seenIds.has(id)||!Array.isArray(candidate.rects))continue;seenIds.add(id),output.push(rawId===id?candidate:{...candidate,id})}catch{}return Object.freeze(output)}class LyraHighlightLayer extends LyraElement{constructor(){super(...arguments),this._items=Object.freeze([]),this.activeHighlightId=null,this.withoutInteraction=!1,this.focusedId=null,this.flashingId=null,this.actionList=!1,this.flashGeneration=0,this.pendingFocusId=null}static{this.defaultStrings={...super.defaultStrings,highlightLayerLabel:LYRA_DEFAULT_highlightLayerLabel,highlightOfTotal:LYRA_DEFAULT_highlightOfTotal,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["items"])}static{this.styles=[LyraElement.styles,styles]}get items(){return this._items}set items(value){const previous=this._items;this._items=snapshotItems(value),this.requestUpdate("items",previous)}connectedCallback(){super.connectedCallback();const Observer=this.ownerDocument.defaultView?.ResizeObserver;this.sizeObserver=Observer?new Observer(entries=>{this.boxSize=entries.at(-1)?.contentRect??this.boxSize}):void 0,this.sizeObserver?.observe(this)}willUpdate(changed){super.willUpdate(changed);const refocus=this.hasFocusedAction();if(changed.has("items")){const positionOf=(items,id)=>items?.findIndex(item=>item.id===id)??-1,previousItems=changed.get("items");if(this.focusedId!==null&&positionOf(this.items,this.focusedId)<0){const previousIndex=positionOf(previousItems,this.focusedId),nextIndex=this.itemIndexesWithRects(this.items.map(item=>this.safeRects(item))).reduce((nearest,index)=>nearest===null||Math.abs(index-previousIndex)<Math.abs(nearest-previousIndex)?index:nearest,null);this.focusedId=nextIndex===null?null:this.items[nextIndex].id;const previousTargetIndex=positionOf(previousItems,this.focusedId);refocus&&previousTargetIndex>=0&&this.primaryTarget(previousTargetIndex)?.focus()}changed.get("items")!==void 0&&this.clearFlash()}(changed.has("items")||changed.has("boxSize")||changed.has("withoutInteraction"))&&(this.actionList=!this.withoutInteraction&&this.hitAreasOverlap(),refocus&&(this.pendingFocusId=this.focusedId))}updated(changed){super.updated(changed);const pending=this.pendingFocusId;if(this.pendingFocusId=null,pending===null)return;const index=this.items.findIndex(item=>item.id===pending);index>=0&&this.focusRect(index)}disconnectedCallback(){super.disconnectedCallback(),this.sizeObserver?.disconnect(),this.focusedId=null,this.pendingFocusId=null,this.clearFlash()}hasFocusedAction(){return activeElementIn(this.shadowRoot)?.matches("[data-item-action]")??!1}hitAreasOverlap(){const view=this.ownerDocument?.defaultView;if(!view)return!1;const{width,height}=this.boxSize??this.getBoundingClientRect(),min=resolveCssTokenLength(view.getComputedStyle(this).getPropertyValue("--lr-icon-button-size").trim(),{host:this})??0,boxes=this.items.flatMap((item,index)=>this.safeRects(item).map(rect=>{const boxWidth=Math.max(rect.width/100*width,min),boxHeight=Math.max(rect.height/100*height,min),left=(rect.x+rect.width/2)/100*width-boxWidth/2,top=(rect.y+rect.height/2)/100*height-boxHeight/2;return{index,left,top,right:left+boxWidth,bottom:top+boxHeight}})).sort((first,second)=>first.left-second.left);for(let first=0;first<boxes.length;first++){const a=boxes[first];for(let second=first+1;second<boxes.length&&boxes[second].left<a.right;second++){const b=boxes[second];if(b.index!==a.index&&b.top<a.bottom&&a.top<b.bottom)return!0}}return!1}adoptedCallback(){super.adoptedCallback(),this.clearFlash()}flash(id){if(this.clearFlash(),!this.isConnected||!this.items.some(candidate=>candidate.id===id))return;this.flashingId=id;const generation=this.flashGeneration;this.updateComplete.then(()=>{if(generation!==this.flashGeneration||this.flashingId!==id||!this.isConnected)return;const rect=this.primaryVisualRect(this.items.findIndex(candidate=>candidate.id===id));if(!rect){this.flashingId=null;return}const ownerWindow=rect.ownerDocument.defaultView;if(!ownerWindow){this.flashingId=null;return}const computed=ownerWindow.getComputedStyle(rect),durationMs=maxPairedAnimationEndMs(computed.animationName,computed.animationDuration,computed.animationDelay);this.flashTimerWindow=ownerWindow,this.flashTimer=ownerWindow.setTimeout(()=>{generation!==this.flashGeneration||this.flashTimerWindow!==ownerWindow||(this.flashTimer=void 0,this.flashTimerWindow=void 0,this.flashingId=null)},durationMs)})}clearFlash(){this.flashTimer!==void 0&&this.flashTimerWindow?.clearTimeout(this.flashTimer),this.flashTimer=void 0,this.flashTimerWindow=void 0,this.flashGeneration+=1,this.flashingId=null}safeRects(item){return item.rects.map(sanitizePercentRect).filter(rect=>rect!==void 0)}itemIndexesWithRects(rectsByItem){const indexes=[];return rectsByItem.forEach((rects,index)=>{rects.length>0&&indexes.push(index)}),indexes}tabStopIndex(rectsByItem){const renderedIndexes=this.itemIndexesWithRects(rectsByItem);if(renderedIndexes.length===0)return null;if(this.focusedId!==null){const focusedIndex=this.items.findIndex(item=>item.id===this.focusedId);if(renderedIndexes.includes(focusedIndex))return focusedIndex}if(this.activeHighlightId){const activeIndex=this.items.findIndex((item,index)=>item.id===this.activeHighlightId&&rectsByItem[index].length>0);if(activeIndex>=0)return activeIndex}return renderedIndexes[0]}onRectClick(id){this.emit("lr-highlight-activate",{highlightId:id})}onRectFocus(item){this.focusedId=item.id}primaryTarget(itemIndex){return[...this.renderRoot.querySelectorAll("[data-item-action]")].find(target=>target.dataset.itemIndex===String(itemIndex))??null}primaryVisualRect(itemIndex){return[...this.renderRoot.querySelectorAll('[part="rect"][data-primary]')].find(rect=>rect.dataset.itemIndex===String(itemIndex))??null}focusRect(itemIndex){this.primaryTarget(itemIndex)?.focus()}onRectKeyDown(e,itemIndex){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.onRectClick(this.items[itemIndex].id);return}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"),renderedIndexes=this.itemIndexesWithRects(this.items.map(item=>this.safeRects(item))),position=renderedIndexes.indexOf(itemIndex);let nextIndex;forward?nextIndex=renderedIndexes[Math.min(renderedIndexes.length-1,position+1)]:backward?nextIndex=renderedIndexes[Math.max(0,position-1)]:e.key==="Home"?nextIndex=renderedIndexes[0]:e.key==="End"&&(nextIndex=renderedIndexes.at(-1)),!(nextIndex===void 0||nextIndex===itemIndex)&&(e.preventDefault(),this.focusedId=this.items[nextIndex].id,this.scheduleAfterUpdate(()=>this.focusRect(nextIndex)))}rectLabel(item,index,total){const numberFormat=getNumberFormat(this.effectiveLocale);return item.label?this.localize("highlightWithLabel",void 0,{label:item.label}):this.localize("highlightOfTotal",void 0,{index:numberFormat.format(index+1),total:numberFormat.format(total)})}render(){if(this.items.length===0)return nothing;const rectsByItem=this.items.map(item=>this.safeRects(item)),renderedIndexes=this.itemIndexesWithRects(rectsByItem);if(renderedIndexes.length===0)return nothing;const tabStop=this.tabStopIndex(rectsByItem),activeIndex=this.activeHighlightId?this.items.findIndex((item,index)=>item.id===this.activeHighlightId&&rectsByItem[index].length>0):-1,renderedPosition=new Map(renderedIndexes.map((itemIndex,position)=>[itemIndex,position])),interactive=!this.withoutInteraction,useActionList=interactive&&this.actionList,ariaLabel=interactive?hostAriaLabel(this)??this.localize("highlightLayerLabel"):void 0;return html`
+import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";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{styles}from"./highlight-layer.styles.js";import{maxPairedAnimationEndMs}from"./highlight-layer-timing.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{sanitizePercentRect}from"../../../internal/safe-css.js";import{shadowFocusTarget}from"../../../internal/active-element.js";import{hostAriaLabel}from"../../../internal/a11y.js";import{resolveCssTokenLength}from"../../../internal/css-token-length.js";import{LYRA_DEFAULT_highlightOfTotal,LYRA_DEFAULT_highlightWithLabel}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_highlightLayerLabel}from"../../../internal/default-strings/viewers.generated.js";function snapshotItems(value){if(!Array.isArray(value))return Object.freeze([]);const output=[],seenIds=new Set,length=Math.min(value.length,1e4);for(let index=0;index<length;index+=1)try{const candidate=value[index];if(candidate===null||typeof candidate!="object"||Array.isArray(candidate))continue;const rawId=candidate.id;if(typeof rawId!="string")continue;const id=rawId.trim();if(id.length===0||seenIds.has(id)||!Array.isArray(candidate.rects))continue;seenIds.add(id),output.push(rawId===id?candidate:{...candidate,id})}catch{}return Object.freeze(output)}class LyraHighlightLayer extends LyraElement{constructor(){super(...arguments),this._items=Object.freeze([]),this.activeHighlightId=null,this.withoutInteraction=!1,this.focusedId=null,this.flashingId=null,this.actionList=!1,this.flashGeneration=0,this.pendingFocusId=null}static{this.defaultStrings={...super.defaultStrings,highlightLayerLabel:LYRA_DEFAULT_highlightLayerLabel,highlightOfTotal:LYRA_DEFAULT_highlightOfTotal,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["items"])}static{this.styles=[LyraElement.styles,styles]}get items(){return this._items}set items(value){const previous=this._items;this._items=snapshotItems(value),this.requestUpdate("items",previous)}connectedCallback(){super.connectedCallback();const Observer=this.ownerDocument.defaultView?.ResizeObserver;this.sizeObserver=Observer?new Observer(entries=>{this.boxSize=entries.at(-1)?.contentRect??this.boxSize}):void 0,this.sizeObserver?.observe(this)}willUpdate(changed){super.willUpdate(changed);const refocus=this.hasFocusedAction();if(changed.has("items")){const positionOf=(items,id)=>items?.findIndex(item=>item.id===id)??-1,previousItems=changed.get("items");if(this.focusedId!==null&&positionOf(this.items,this.focusedId)<0){const previousIndex=positionOf(previousItems,this.focusedId),nextIndex=this.itemIndexesWithRects(this.items.map(item=>this.safeRects(item))).reduce((nearest,index)=>nearest===null||Math.abs(index-previousIndex)<Math.abs(nearest-previousIndex)?index:nearest,null);this.focusedId=nextIndex===null?null:this.items[nextIndex].id;const previousTargetIndex=positionOf(previousItems,this.focusedId);refocus&&previousTargetIndex>=0&&this.primaryTarget(previousTargetIndex)?.focus()}changed.get("items")!==void 0&&this.clearFlash()}(changed.has("items")||changed.has("boxSize")||changed.has("withoutInteraction"))&&(this.actionList=!this.withoutInteraction&&this.hitAreasOverlap(),refocus&&(this.pendingFocusId=this.focusedId))}updated(changed){super.updated(changed);const pending=this.pendingFocusId;if(this.pendingFocusId=null,pending===null)return;const index=this.items.findIndex(item=>item.id===pending);index>=0&&this.focusRect(index)}disconnectedCallback(){super.disconnectedCallback(),this.sizeObserver?.disconnect(),this.focusedId=null,this.pendingFocusId=null,this.clearFlash()}hasFocusedAction(){return shadowFocusTarget(this)?.matches("[data-item-action]")??!1}hitAreasOverlap(){const view=this.ownerDocument?.defaultView;if(!view)return!1;const{width,height}=this.boxSize??this.getBoundingClientRect(),min=resolveCssTokenLength(view.getComputedStyle(this).getPropertyValue("--lr-icon-button-size").trim(),{host:this})??0,boxes=this.items.flatMap((item,index)=>this.safeRects(item).map(rect=>{const boxWidth=Math.max(rect.width/100*width,min),boxHeight=Math.max(rect.height/100*height,min),left=(rect.x+rect.width/2)/100*width-boxWidth/2,top=(rect.y+rect.height/2)/100*height-boxHeight/2;return{index,left,top,right:left+boxWidth,bottom:top+boxHeight}})).sort((first,second)=>first.left-second.left);for(let first=0;first<boxes.length;first++){const a=boxes[first];for(let second=first+1;second<boxes.length&&boxes[second].left<a.right;second++){const b=boxes[second];if(b.index!==a.index&&b.top<a.bottom&&a.top<b.bottom)return!0}}return!1}adoptedCallback(){super.adoptedCallback(),this.clearFlash()}flash(id){if(this.clearFlash(),!this.isConnected||!this.items.some(candidate=>candidate.id===id))return;this.flashingId=id;const generation=this.flashGeneration;this.updateComplete.then(()=>{if(generation!==this.flashGeneration||this.flashingId!==id||!this.isConnected)return;const rect=this.primaryVisualRect(this.items.findIndex(candidate=>candidate.id===id));if(!rect){this.flashingId=null;return}const ownerWindow=rect.ownerDocument.defaultView;if(!ownerWindow){this.flashingId=null;return}const computed=ownerWindow.getComputedStyle(rect),durationMs=maxPairedAnimationEndMs(computed.animationName,computed.animationDuration,computed.animationDelay);this.flashTimerWindow=ownerWindow,this.flashTimer=ownerWindow.setTimeout(()=>{generation!==this.flashGeneration||this.flashTimerWindow!==ownerWindow||(this.flashTimer=void 0,this.flashTimerWindow=void 0,this.flashingId=null)},durationMs)})}clearFlash(){this.flashTimer!==void 0&&this.flashTimerWindow?.clearTimeout(this.flashTimer),this.flashTimer=void 0,this.flashTimerWindow=void 0,this.flashGeneration+=1,this.flashingId=null}safeRects(item){return item.rects.map(sanitizePercentRect).filter(rect=>rect!==void 0)}itemIndexesWithRects(rectsByItem){const indexes=[];return rectsByItem.forEach((rects,index)=>{rects.length>0&&indexes.push(index)}),indexes}tabStopIndex(rectsByItem){const renderedIndexes=this.itemIndexesWithRects(rectsByItem);if(renderedIndexes.length===0)return null;if(this.focusedId!==null){const focusedIndex=this.items.findIndex(item=>item.id===this.focusedId);if(renderedIndexes.includes(focusedIndex))return focusedIndex}if(this.activeHighlightId){const activeIndex=this.items.findIndex((item,index)=>item.id===this.activeHighlightId&&rectsByItem[index].length>0);if(activeIndex>=0)return activeIndex}return renderedIndexes[0]}onRectClick(id){this.emit("lr-highlight-activate",{highlightId:id})}onRectFocus(item){this.focusedId=item.id}primaryTarget(itemIndex){return[...this.renderRoot.querySelectorAll("[data-item-action]")].find(target=>target.dataset.itemIndex===String(itemIndex))??null}primaryVisualRect(itemIndex){return[...this.renderRoot.querySelectorAll('[part="rect"][data-primary]')].find(rect=>rect.dataset.itemIndex===String(itemIndex))??null}focusRect(itemIndex){this.primaryTarget(itemIndex)?.focus()}onRectKeyDown(e,itemIndex){if(e.key==="Enter"||e.key===" "){e.preventDefault(),this.onRectClick(this.items[itemIndex].id);return}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"),renderedIndexes=this.itemIndexesWithRects(this.items.map(item=>this.safeRects(item))),position=renderedIndexes.indexOf(itemIndex);let nextIndex;forward?nextIndex=renderedIndexes[Math.min(renderedIndexes.length-1,position+1)]:backward?nextIndex=renderedIndexes[Math.max(0,position-1)]:e.key==="Home"?nextIndex=renderedIndexes[0]:e.key==="End"&&(nextIndex=renderedIndexes.at(-1)),!(nextIndex===void 0||nextIndex===itemIndex)&&(e.preventDefault(),this.focusedId=this.items[nextIndex].id,this.scheduleAfterUpdate(()=>this.focusRect(nextIndex)))}rectLabel(item,index,total){const numberFormat=getNumberFormat(this.effectiveLocale);return item.label?this.localize("highlightWithLabel",void 0,{label:item.label}):this.localize("highlightOfTotal",void 0,{index:numberFormat.format(index+1),total:numberFormat.format(total)})}render(){if(this.items.length===0)return nothing;const rectsByItem=this.items.map(item=>this.safeRects(item)),renderedIndexes=this.itemIndexesWithRects(rectsByItem);if(renderedIndexes.length===0)return nothing;const tabStop=this.tabStopIndex(rectsByItem),activeIndex=this.activeHighlightId?this.items.findIndex((item,index)=>item.id===this.activeHighlightId&&rectsByItem[index].length>0):-1,renderedPosition=new Map(renderedIndexes.map((itemIndex,position)=>[itemIndex,position])),interactive=!this.withoutInteraction,useActionList=interactive&&this.actionList,ariaLabel=interactive?hostAriaLabel(this)??this.localize("highlightLayerLabel"):void 0;return html`
       <div
         part="base"
         role=${interactive?"group":nothing}

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

@@ -39,4 +39,6 @@ name:string;
 /** CSS length that caps the scrollable body; invalid values are ignored. */
 maxHeight:string;
 /** Shared text search and anchor-target API for sanitized HTML output. */
-search(query:string):Promise<number>;searchNext():Promise<boolean>;searchPrevious():Promise<boolean>;clearSearch():void;private fetchState;private generation;private readonly announcements;protected updated(changed:PropertyValues):void;connectedCallback():void;private readonly detached;disconnectedCallback():void;adoptedCallback():void;private load;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-html-viewer':LyraHtmlViewer;}}export{};
+search(query:string):Promise<number>;searchNext():Promise<boolean>;searchPrevious():Promise<boolean>;clearSearch():void;private fetchState;private generation;private readonly announcements;protected updated(changed:PropertyValues):void;connectedCallback():void;private readonly detached;disconnectedCallback():void;adoptedCallback():void;private load;private renderBody;
+/** Only the loaded content is searchable and quotable, never the empty-note, spinner or error text. */
+protected textContentRoot():Element|null;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-html-viewer':LyraHtmlViewer;}}export{};

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

@@ -1 +1 @@
-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{unsafeHTML}from"lit/directives/unsafe-html.js";import{LyraElement}from"../../../internal/lyra-element.js";import{TextViewerTarget}from"../../../internal/text-viewer-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{loadHtmlSanitizer}from"./dompurify-loader.js";import{styles}from"./html-viewer.styles.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_documentViewerMissingSanitizer,LYRA_DEFAULT_htmlViewerLabel,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings.generated.js";class LyraHtmlViewerBase extends LyraElement{}class LyraHtmlViewer extends TextViewerTarget(LyraHtmlViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this.fetchState={kind:"idle"},this.generation=0,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>{this.generation++,this.beginAbortableLoad(),this.fetchState={kind:"idle"}})}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,documentViewerMissingSanitizer:LYRA_DEFAULT_documentViewerMissingSanitizer,htmlViewerLabel:LYRA_DEFAULT_htmlViewerLabel,loadingDocument:LYRA_DEFAULT_loadingDocument}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}async search(query){return super.search(query)}async searchNext(){return super.searchNext()}async searchPrevious(){return super.searchPrevious()}clearSearch(){super.clearSearch()}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()})}connectedCallback(){super.connectedCallback(),this.announcements.connect(),!this.detached.cancel()&&this.hasUpdated&&this.src&&this.scheduleAfterUpdate(()=>{this.load()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}async load(){const generation=++this.generation,signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!this.isConnected||generation!==this.generation)return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const sanitizer=await loadHtmlSanitizer();if(!this.isConnected||generation!==this.generation)return;if(!sanitizer)throw new LyraUserFacingError(this.localize("documentViewerMissingSanitizer"));const raw=await readResponseText(response);if(!this.isConnected||generation!==this.generation)return;const markup=sanitizePassiveMarkup(sanitizer,raw,this.ownerDocument,"passive-document");if(!this.isConnected||generation!==this.generation)return;this.isConnected&&generation===this.generation&&(this.fetchState={kind:"loaded",markup})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.fetchState={kind:"error",message:error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}renderBody(){switch(this.fetchState.kind){case"loaded":return html`<div part="html" role=${viewerSemanticRole(this,"document")??nothing} aria-label=${viewerSemanticLabel(this,this.name||this.localize("htmlViewerLabel"))??nothing}>${unsafeHTML(this.fetchState.markup)}</div>`;case"loading":return renderViewerLoading(this.localize("loadingDocument"));case"error":return html`<div part="error">${this.fetchState.message}</div>`;default:return html`<p class="empty-note">${this.localize("documentPreviewEmpty",void 0,{type:this.localize("documentPreviewTypeDocument")})}</p>`}}render(){const maxHeight=sanitizeCssLength(this.maxHeight);return html`<div part="base" aria-busy=${this.fetchState.kind==="loading"?"true":"false"} style=${maxHeight?styleMap({"--lr-html-viewer-max-height":maxHeight}):nothing}><div part="body">${this.renderBody()}</div>${this.renderAnchorLiveRegion()}</div>`}}__decorate([property()],LyraHtmlViewer.prototype,"src",void 0),__decorate([property()],LyraHtmlViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraHtmlViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraHtmlViewer.prototype,"fetchState",void 0);export{LyraHtmlViewer};
+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{unsafeHTML}from"lit/directives/unsafe-html.js";import{LyraElement}from"../../../internal/lyra-element.js";import{TextViewerTarget}from"../../../internal/text-viewer-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{loadHtmlSanitizer}from"./dompurify-loader.js";import{styles}from"./html-viewer.styles.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerFrameStyles}from"../viewer-frame.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewEmpty}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_documentViewerMissingSanitizer,LYRA_DEFAULT_htmlViewerLabel,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";class LyraHtmlViewerBase extends LyraElement{}class LyraHtmlViewer extends TextViewerTarget(LyraHtmlViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this.fetchState={kind:"idle"},this.generation=0,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>{this.generation++,this.beginAbortableLoad(),this.fetchState={kind:"idle"}})}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,documentViewerMissingSanitizer:LYRA_DEFAULT_documentViewerMissingSanitizer,htmlViewerLabel:LYRA_DEFAULT_htmlViewerLabel,loadingDocument:LYRA_DEFAULT_loadingDocument}}static{this.styles=[LyraElement.styles,styles,viewerFrameStyles,srOnly,viewerLoadingStyles]}async search(query){return super.search(query)}async searchNext(){return super.searchNext()}async searchPrevious(){return super.searchPrevious()}clearSearch(){super.clearSearch()}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()})}connectedCallback(){super.connectedCallback(),this.announcements.connect(),!this.detached.cancel()&&this.hasUpdated&&this.src&&this.scheduleAfterUpdate(()=>{this.load()})}disconnectedCallback(){this.announcements.disconnect(),super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush(),this.announcements.adopted()}async load(){const generation=++this.generation,signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!this.isConnected||generation!==this.generation)return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const sanitizer=await loadHtmlSanitizer();if(!this.isConnected||generation!==this.generation)return;if(!sanitizer)throw new LyraUserFacingError(this.localize("documentViewerMissingSanitizer"));const raw=await readResponseText(response);if(!this.isConnected||generation!==this.generation)return;const markup=sanitizePassiveMarkup(sanitizer,raw,this.ownerDocument,"passive-document");if(!this.isConnected||generation!==this.generation)return;this.isConnected&&generation===this.generation&&(this.fetchState={kind:"loaded",markup})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation)return;this.fetchState={kind:"error",message:error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}renderBody(){switch(this.fetchState.kind){case"loaded":return html`<div part="html" role=${viewerSemanticRole(this,"document")??nothing} aria-label=${viewerSemanticLabel(this,this.name||this.localize("htmlViewerLabel"))??nothing}>${unsafeHTML(this.fetchState.markup)}</div>`;case"loading":return renderViewerLoading(this.localize("loadingDocument"));case"error":return html`<div part="error">${this.fetchState.message}</div>`;default:return html`<p class="empty-note">${this.localize("documentPreviewEmpty",void 0,{type:this.localize("documentPreviewTypeDocument")})}</p>`}}textContentRoot(){return this.fetchState.kind==="loaded"?super.textContentRoot():null}render(){const maxHeight=sanitizeCssLength(this.maxHeight);return html`<div part="base" aria-busy=${this.fetchState.kind==="loading"?"true":"false"} style=${maxHeight?styleMap({"--lr-html-viewer-max-height":maxHeight}):nothing}><div part="body">${this.renderBody()}</div>${this.renderAnchorLiveRegion()}</div>`}}__decorate([property()],LyraHtmlViewer.prototype,"src",void 0),__decorate([property()],LyraHtmlViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraHtmlViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraHtmlViewer.prototype,"fetchState",void 0);export{LyraHtmlViewer};

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

@@ -1 +1 @@
-import{css}from"lit";const styles=css`:host{min-inline-size:0;max-inline-size:100%;display:block}[part=base]{box-sizing:border-box;border:var(--lr-border-width-thin) solid var(--lr-color-border-subtle);border-radius:var(--lr-radius);background:var(--lr-color-surface);flex-direction:column;display:flex;overflow:hidden}[part=body]{min-block-size:var(--lr-size-10rem);max-block-size:var(--lr-html-viewer-max-height,none);box-sizing:border-box;padding:var(--lr-space-m);overflow:auto}[part=html]{contain:paint;overflow-wrap:anywhere;max-inline-size:100%;display:block}[part=html] img{block-size:auto;max-inline-size:100%}.empty-note,[part=error]{color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-md-sm);text-align:center;margin:0}[part=error]{color:var(--lr-color-danger)}`;export{styles};
+import{css}from"lit";const styles=css`:host{min-inline-size:0;max-inline-size:100%;display:block}[part=body]{min-block-size:var(--lr-size-10rem);max-block-size:var(--lr-html-viewer-max-height,none);box-sizing:border-box;padding:var(--lr-space-m);overflow:auto}[part=html]{contain:paint;overflow-wrap:anywhere;max-inline-size:100%;display:block}[part=html] img{block-size:auto;max-inline-size:100%}.empty-note,[part=error]{color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-md-sm);text-align:center;margin:0}[part=error]{color:var(--lr-color-danger)}`;export{styles};

package/dist/components/viewers/include/include.class.js

@@ -1 +1 @@
-import{__decorate}from"tslib";import{html}from"lit";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{literalSetConverter}from"../../../internal/converters.js";import{TextViewerTarget}from"../../../internal/text-viewer-target.js";import{isAbortError,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{loadHtmlSanitizer}from"../html-viewer/dompurify-loader.js";import{acquireSanitizedIncludeResource,IncludeResourceError,invalidateIncludeResource,MAX_INCLUDE_BYTES}from"./include-resource.js";import{styles}from"./include.styles.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound}from"../../../internal/default-strings.generated.js";const INCLUDE_MODE=literalSetConverter(["cors","no-cors","same-origin"],"same-origin");class LyraIncludeBase extends LyraElement{}const ID_REFERENCE_ATTRIBUTES=["aria-activedescendant","aria-controls","aria-describedby","aria-details","aria-errormessage","aria-flowto","aria-labelledby","aria-owns","for","form","headers","list"];let nextClonePrefix=0;function decodedFragment(hash){const encoded=hash.startsWith("#")?hash.slice(1):hash;try{return decodeURIComponent(encoded)}catch{return encoded}}function isTemplateElement(element){return element.localName==="template"&&"content"in element}function allElements(root){const elements=[...root.querySelectorAll("*")];for(const template of elements.filter(isTemplateElement))elements.push(...allElements(template.content));return elements}function elementWithId(root,id){for(const element of allElements(root))if(element.id===id)return element;return null}class LyraInclude extends TextViewerTarget(LyraIncludeBase){constructor(){super(...arguments),this.src="",this._mode="same-origin",this.withoutCache=!1,this.generation=0,this.clonePrefix=`include-fragment-${++nextClonePrefix}`,this.detached=new DeferredTeardown(()=>{this.generation++,this.releaseResourceLease(),this.setAttribute("aria-busy","false")})}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound}}static{this.styles=[LyraElement.styles,styles,srOnly]}get mode(){return this._mode}set mode(next){const normalized=INCLUDE_MODE.normalizeReflected(this,"mode",next),old=this._mode;old!==normalized&&(this._mode=normalized,this.requestUpdate("mode",old))}async search(query){return super.search(query)}async searchNext(){return super.searchNext()}async searchPrevious(){return super.searchPrevious()}clearSearch(){super.clearSearch()}textContentRoot(){return this}updated(changed){super.updated(changed),(changed.has("src")||changed.has("mode")||changed.has("withoutCache"))&&this.scheduleAfterUpdate(()=>{this.load()})}connectedCallback(){super.connectedCallback(),!this.detached.cancel()&&(this.setAttribute("aria-busy","false"),this.hasUpdated&&this.src&&this.scheduleAfterUpdate(()=>{this.load()}))}disconnectedCallback(){super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush()}async reload(){const source=this.resolveSource();source?.kind==="remote"&&invalidateIncludeResource(source.url,this.effectiveMode,source.owner),await this.load()}get effectiveMode(){return this.mode}resolveSource(){const value=this.src.trim();if(!value)return null;if(value.startsWith("#"))return{kind:"same-page",fragment:decodedFragment(value)};const target=resolveOwnerFetchTarget(this,value);if(!target)return null;try{const parsed=new target.view.URL(target.url),fragment=decodedFragment(parsed.hash);return parsed.hash="",{kind:"remote",url:parsed.href,fragment,owner:target.view}}catch{return null}}releaseResourceLease(){this.resourceLease?.release(),this.resourceLease=void 0}async sanitizeSamePage(source,generation){const markup=source.innerHTML;if(new TextEncoder().encode(markup).byteLength>MAX_INCLUDE_BYTES)return this.fail(0,"resource-too-large"),null;const sanitizer=await loadHtmlSanitizer();return!this.isConnected||generation!==this.generation?null:sanitizer?sanitizePassiveMarkup(sanitizer,markup,this.ownerDocument,"transclusion"):(this.fail(0,"missing-sanitizer"),null)}fragmentFromSanitized(markup,fragmentId){const template=this.ownerDocument.createElement("template");template.innerHTML=markup;const output=this.ownerDocument.createDocumentFragment();if(fragmentId){const target=elementWithId(template.content,fragmentId);if(!target)return null;const children=isTemplateElement(target)?target.content.childNodes:target.childNodes;for(const child of children)output.append(child.cloneNode(!0))}else output.append(template.content.cloneNode(!0));return this.rebaseFragmentIds(output),output}rebaseFragmentIds(fragment){const idMap=new Map;let index=0;const elements=allElements(fragment);for(const element of elements){if(element.removeAttribute("name"),!element.id)continue;const original=element.id,next=`${this.clonePrefix}-${++index}`;idMap.has(original)||idMap.set(original,next),element.id=next}for(const element of elements){for(const attribute of ID_REFERENCE_ATTRIBUTES){if(!element.hasAttribute(attribute))continue;const replacements=element.getAttribute(attribute).split(/\s+/).filter(Boolean).map(token=>idMap.get(token)).filter(token=>!!token);replacements.length>0?element.setAttribute(attribute,replacements.join(" ")):element.removeAttribute(attribute)}for(const attribute of["href","xlink:href"]){const value=element.getAttribute(attribute);if(!value)continue;if(!value.startsWith("#")){element.removeAttribute(attribute);continue}const replacement=idMap.get(decodedFragment(value));replacement?element.setAttribute(attribute,`#${replacement}`):element.removeAttribute(attribute)}for(const attribute of element.getAttributeNames()){const value=element.getAttribute(attribute)??"";if(!/url\s*\(/i.test(value))continue;const match=/^\s*url\(\s*(['"]?)#([A-Za-z_][\w:.-]*)\1\s*\)\s*$/i.exec(value),replacement=match?idMap.get(match[2]):void 0;replacement?element.setAttribute(attribute,`url(#${replacement})`):element.removeAttribute(attribute)}}}async load(){const generation=++this.generation;if(this.releaseResourceLease(),this.setAttribute("aria-busy","false"),!this.src.trim()||!this.isConnected)return;const source=this.resolveSource();if(!source){this.emitError({status:0,reason:"blocked-url"});return}this.setAttribute("aria-busy","true");let lease;try{let markup,fragmentId=source.fragment;if(source.kind==="same-page"){const target=this.ownerDocument.getElementById(source.fragment);if(!target){this.fail(0,"missing-fragment");return}markup=await this.sanitizeSamePage(target,generation),fragmentId=""}else lease=acquireSanitizedIncludeResource(source.url,this.effectiveMode,!this.withoutCache,source.owner),this.resourceLease=lease,markup=await lease.promise;if(markup==null||!this.isConnected||generation!==this.generation||source.kind==="remote"&&this.ownerDocument.defaultView!==source.owner)return;const fragment=this.fragmentFromSanitized(markup,fragmentId);if(!fragment){this.fail(0,"missing-fragment");return}if(generation!==this.generation||!this.isConnected||source.kind==="remote"&&this.ownerDocument.defaultView!==source.owner)return;this.replaceChildren(fragment),this.requestUpdate(),this.setAttribute("aria-busy","false"),this.emit("lr-load",{src:this.src})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation||source.kind==="remote"&&this.ownerDocument.defaultView!==source.owner)return;error instanceof IncludeResourceError?this.fail(error.status,error.reason,error.cause??error):this.fail(0,"network",error)}finally{this.resourceLease===lease&&(this.resourceLease=void 0),lease?.release()}}fail(status,reason,error){this.setAttribute("aria-busy","false"),this.emitError({status,reason,error})}emitError(detail){this.emit("lr-include-error",detail),this.emit("lr-error",detail)}render(){return html`<span part="base"><slot></slot></span>${this.renderAnchorLiveRegion()}`}}__decorate([property({reflect:!0})],LyraInclude.prototype,"src",void 0),__decorate([property({reflect:!0,converter:INCLUDE_MODE})],LyraInclude.prototype,"mode",null),__decorate([property({type:Boolean,attribute:"without-cache"})],LyraInclude.prototype,"withoutCache",void 0);export{LyraInclude};
+import{__decorate}from"tslib";import{html}from"lit";import{property}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{literalSetConverter}from"../../../internal/converters.js";import{TextViewerTarget}from"../../../internal/text-viewer-target.js";import{isAbortError,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{loadHtmlSanitizer}from"../html-viewer/dompurify-loader.js";import{acquireSanitizedIncludeResource,IncludeResourceError,invalidateIncludeResource,MAX_INCLUDE_BYTES}from"./include-resource.js";import{styles}from"./include.styles.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound}from"../../../internal/default-strings/shared.generated.js";const INCLUDE_MODE=literalSetConverter(["cors","no-cors","same-origin"],"same-origin");class LyraIncludeBase extends LyraElement{}const ID_REFERENCE_ATTRIBUTES=["aria-activedescendant","aria-controls","aria-describedby","aria-details","aria-errormessage","aria-flowto","aria-labelledby","aria-owns","for","form","headers","list"];let nextClonePrefix=0;function decodedFragment(hash){const encoded=hash.startsWith("#")?hash.slice(1):hash;try{return decodeURIComponent(encoded)}catch{return encoded}}function isTemplateElement(element){return element.localName==="template"&&"content"in element}function allElements(root){const elements=[...root.querySelectorAll("*")];for(const template of elements.filter(isTemplateElement))elements.push(...allElements(template.content));return elements}function elementWithId(root,id){for(const element of allElements(root))if(element.id===id)return element;return null}class LyraInclude extends TextViewerTarget(LyraIncludeBase){constructor(){super(...arguments),this.src="",this._mode="same-origin",this.withoutCache=!1,this.generation=0,this.clonePrefix=`include-fragment-${++nextClonePrefix}`,this.detached=new DeferredTeardown(()=>{this.generation++,this.releaseResourceLease(),this.setAttribute("aria-busy","false")})}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound}}static{this.styles=[LyraElement.styles,styles,srOnly]}get mode(){return this._mode}set mode(next){const normalized=INCLUDE_MODE.normalizeReflected(this,"mode",next),old=this._mode;old!==normalized&&(this._mode=normalized,this.requestUpdate("mode",old))}async search(query){return super.search(query)}async searchNext(){return super.searchNext()}async searchPrevious(){return super.searchPrevious()}clearSearch(){super.clearSearch()}textContentRoot(){return this}updated(changed){super.updated(changed),(changed.has("src")||changed.has("mode")||changed.has("withoutCache"))&&this.scheduleAfterUpdate(()=>{this.load()})}connectedCallback(){super.connectedCallback(),!this.detached.cancel()&&(this.setAttribute("aria-busy","false"),this.hasUpdated&&this.src&&this.scheduleAfterUpdate(()=>{this.load()}))}disconnectedCallback(){super.disconnectedCallback(),this.detached.schedule()}adoptedCallback(){super.adoptedCallback(),this.detached.flush()}async reload(){const source=this.resolveSource();source?.kind==="remote"&&invalidateIncludeResource(source.url,this.effectiveMode,source.owner),await this.load()}get effectiveMode(){return this.mode}resolveSource(){const value=this.src.trim();if(!value)return null;if(value.startsWith("#"))return{kind:"same-page",fragment:decodedFragment(value)};const target=resolveOwnerFetchTarget(this,value);if(!target)return null;try{const parsed=new target.view.URL(target.url),fragment=decodedFragment(parsed.hash);return parsed.hash="",{kind:"remote",url:parsed.href,fragment,owner:target.view}}catch{return null}}releaseResourceLease(){this.resourceLease?.release(),this.resourceLease=void 0}async sanitizeSamePage(source,generation){const markup=source.innerHTML;if(new TextEncoder().encode(markup).byteLength>MAX_INCLUDE_BYTES)return this.fail(0,"resource-too-large"),null;const sanitizer=await loadHtmlSanitizer();return!this.isConnected||generation!==this.generation?null:sanitizer?sanitizePassiveMarkup(sanitizer,markup,this.ownerDocument,"transclusion"):(this.fail(0,"missing-sanitizer"),null)}fragmentFromSanitized(markup,fragmentId){const template=this.ownerDocument.createElement("template");template.innerHTML=markup;const output=this.ownerDocument.createDocumentFragment();if(fragmentId){const target=elementWithId(template.content,fragmentId);if(!target)return null;const children=isTemplateElement(target)?target.content.childNodes:target.childNodes;for(const child of children)output.append(child.cloneNode(!0))}else output.append(template.content.cloneNode(!0));return this.rebaseFragmentIds(output),output}rebaseFragmentIds(fragment){const idMap=new Map;let index=0;const elements=allElements(fragment);for(const element of elements){if(element.removeAttribute("name"),!element.id)continue;const original=element.id,next=`${this.clonePrefix}-${++index}`;idMap.has(original)||idMap.set(original,next),element.id=next}for(const element of elements){for(const attribute of ID_REFERENCE_ATTRIBUTES){if(!element.hasAttribute(attribute))continue;const replacements=element.getAttribute(attribute).split(/\s+/).filter(Boolean).map(token=>idMap.get(token)).filter(token=>!!token);replacements.length>0?element.setAttribute(attribute,replacements.join(" ")):element.removeAttribute(attribute)}for(const attribute of["href","xlink:href"]){const value=element.getAttribute(attribute);if(!value)continue;if(!value.startsWith("#")){element.removeAttribute(attribute);continue}const replacement=idMap.get(decodedFragment(value));replacement?element.setAttribute(attribute,`#${replacement}`):element.removeAttribute(attribute)}for(const attribute of element.getAttributeNames()){const value=element.getAttribute(attribute)??"";if(!/url\s*\(/i.test(value))continue;const match=/^\s*url\(\s*(['"]?)#([A-Za-z_][\w:.-]*)\1\s*\)\s*$/i.exec(value),replacement=match?idMap.get(match[2]):void 0;replacement?element.setAttribute(attribute,`url(#${replacement})`):element.removeAttribute(attribute)}}}async load(){const generation=++this.generation;if(this.releaseResourceLease(),this.setAttribute("aria-busy","false"),!this.src.trim()||!this.isConnected)return;const source=this.resolveSource();if(!source){this.emitError({status:0,reason:"blocked-url"});return}this.setAttribute("aria-busy","true");let lease;try{let markup,fragmentId=source.fragment;if(source.kind==="same-page"){const target=this.ownerDocument.getElementById(source.fragment);if(!target){this.fail(0,"missing-fragment");return}markup=await this.sanitizeSamePage(target,generation),fragmentId=""}else lease=acquireSanitizedIncludeResource(source.url,this.effectiveMode,!this.withoutCache,source.owner),this.resourceLease=lease,markup=await lease.promise;if(markup==null||!this.isConnected||generation!==this.generation||source.kind==="remote"&&this.ownerDocument.defaultView!==source.owner)return;const fragment=this.fragmentFromSanitized(markup,fragmentId);if(!fragment){this.fail(0,"missing-fragment");return}if(generation!==this.generation||!this.isConnected||source.kind==="remote"&&this.ownerDocument.defaultView!==source.owner)return;this.replaceChildren(fragment),this.requestUpdate(),this.setAttribute("aria-busy","false"),this.emit("lr-load",{src:this.src})}catch(error){if(isAbortError(error)||!this.isConnected||generation!==this.generation||source.kind==="remote"&&this.ownerDocument.defaultView!==source.owner)return;error instanceof IncludeResourceError?this.fail(error.status,error.reason,error.cause??error):this.fail(0,"network",error)}finally{this.resourceLease===lease&&(this.resourceLease=void 0),lease?.release()}}fail(status,reason,error){this.setAttribute("aria-busy","false"),this.emitError({status,reason,error})}emitError(detail){this.emit("lr-include-error",detail),this.emit("lr-error",detail)}render(){return html`<span part="base"><slot></slot></span>${this.renderAnchorLiveRegion()}`}}__decorate([property({reflect:!0})],LyraInclude.prototype,"src",void 0),__decorate([property({reflect:!0,converter:INCLUDE_MODE})],LyraInclude.prototype,"mode",null),__decorate([property({type:Boolean,attribute:"without-cache"})],LyraInclude.prototype,"withoutCache",void 0);export{LyraInclude};

package/dist/components/viewers/notebook-viewer/dompurify-loader.js

@@ -1 +1 @@
-import{isHtmlSanitizer,resolveOptionalPeerCapability}from"../../../internal/optional-peer-capabilities.js";import{devWarnOnce}from"../../../internal/dev-mode-attribute-warning.js";const NOTEBOOK_SANITIZER_WARNING_KEY="lyra-notebook-viewer-sanitizer-unavailable",NOTEBOOK_SANITIZER_WARNING="<lr-notebook-viewer> could not load its optional dompurify peer.";let sanitizer;async function loadNotebookSanitizerDeps(importDompurify=()=>import("dompurify")){try{const module=await importDompurify();return resolveOptionalPeerCapability(module,isHtmlSanitizer)}catch{return devWarnOnce(NOTEBOOK_SANITIZER_WARNING_KEY,NOTEBOOK_SANITIZER_WARNING),null}}function loadNotebookSanitizer(){return sanitizer||(sanitizer=loadNotebookSanitizerDeps()),sanitizer}function clearNotebookSanitizerCache(){sanitizer=void 0}function __setNotebookSanitizerForTesting(value){sanitizer=value===void 0?void 0:Promise.resolve(value)}export{__setNotebookSanitizerForTesting,clearNotebookSanitizerCache,loadNotebookSanitizer,loadNotebookSanitizerDeps};
+import{clearDompurifyCache,loadDompurify}from"../../../internal/dompurify-loader.js";let override;function loadNotebookSanitizerDeps(importDompurify=()=>import("dompurify")){return loadDompurify(importDompurify)}function loadNotebookSanitizer(){return override??loadDompurify()}function clearNotebookSanitizerCache(){override=void 0,clearDompurifyCache()}function __setNotebookSanitizerForTesting(value){override=value===void 0?void 0:Promise.resolve(value)}export{__setNotebookSanitizerForTesting,clearNotebookSanitizerCache,loadNotebookSanitizer,loadNotebookSanitizerDeps};

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

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{unsafeHTML}from"lit/directives/unsafe-html.js";import{unsafeSVG}from"lit/directives/unsafe-svg.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{specialistTokens}from"../../../internal/specialist-tokens.styles.js";import{DocumentAnchorTarget,prioritizedHighlightCandidates}from"../../../internal/anchor-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{finiteCount}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{createAnsiParser}from"../../../internal/ansi.js";import{loadNotebookSanitizer}from"./dompurify-loader.js";import{styles}from"./notebook-viewer.styles.js";import{sanitizeCssColor,sanitizeCssLength}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{resolveViewerSource}from"../viewer-source.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_documentViewerMissingSanitizer,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_notebookViewerCodeCell,LYRA_DEFAULT_notebookViewerCollapseOutput,LYRA_DEFAULT_notebookViewerErrorOutput,LYRA_DEFAULT_notebookViewerInPrompt,LYRA_DEFAULT_notebookViewerInPromptEmpty,LYRA_DEFAULT_notebookViewerInvalid,LYRA_DEFAULT_notebookViewerLabel,LYRA_DEFAULT_notebookViewerMarkdownCell,LYRA_DEFAULT_notebookViewerRawCell,LYRA_DEFAULT_notebookViewerShowAllOutput,LYRA_DEFAULT_notebookViewerTooManyCells,LYRA_DEFAULT_notebookViewerUnrenderedOutput,LYRA_DEFAULT_notebookViewerUnsupportedVersion}from"../../../internal/default-strings.generated.js";const MAX_CELLS=2e3,MAX_OUTPUTS=2e4,MAX_JSON_NODES=1e5,SUPPORTED_MAJOR=4,SUPPORTED_MINORS=[0,1,2,3,4,5],MAX_NOTEBOOK_PAINTED_HIGHLIGHTS=100,OMIT_NOTEBOOK_SNAPSHOT=Symbol("omit-notebook-snapshot");function invalidNotebookSnapshot(){return Object.freeze({})}function isNotebookDataRecord(value){try{const prototype=Object.getPrototypeOf(value);if(prototype===null)return!0;const parent=Object.getPrototypeOf(prototype),constructor=Object.getOwnPropertyDescriptor(prototype,"constructor");if(parent===null)return!constructor||"value"in constructor&&typeof constructor.value=="function"&&constructor.value.name==="Object";if(constructor)return!1;const parentConstructor=Object.getOwnPropertyDescriptor(parent,"constructor");return!!(Object.getPrototypeOf(parent)===null&&parentConstructor&&"value"in parentConstructor&&typeof parentConstructor.value=="function"&&parentConstructor.value.name==="Object")}catch{return!1}}function snapshotNotebookDocument(value){if(value===null||typeof value!="object"||Array.isArray(value))return OMIT_NOTEBOOK_SNAPSHOT;let remaining=MAX_JSON_NODES;const seen=new WeakSet,created=[],pending=[],createContainer=source=>{let array=!1;try{array=Array.isArray(source)}catch{return OMIT_NOTEBOOK_SNAPSHOT}let keys,target;if(array){let lengthDescriptor;try{lengthDescriptor=Object.getOwnPropertyDescriptor(source,"length")}catch{return OMIT_NOTEBOOK_SNAPSHOT}if(!lengthDescriptor||!("value"in lengthDescriptor)||typeof lengthDescriptor.value!="number"||!Number.isSafeInteger(lengthDescriptor.value)||lengthDescriptor.value<0||lengthDescriptor.value>remaining)return OMIT_NOTEBOOK_SNAPSHOT;keys=Array.from({length:lengthDescriptor.value},(_,index)=>String(index)),target=new Array(lengthDescriptor.value)}else{if(!isNotebookDataRecord(source))return OMIT_NOTEBOOK_SNAPSHOT;try{keys=Object.keys(source)}catch{return OMIT_NOTEBOOK_SNAPSHOT}if(keys.length>remaining)return OMIT_NOTEBOOK_SNAPSHOT;target={}}return seen.add(source),created.push(target),pending.push({source,target,keys,array}),target};remaining-=1;const root=createContainer(value);if(root===OMIT_NOTEBOOK_SNAPSHOT)return root;for(;pending.length;){const task=pending.pop();for(const key of task.keys){let descriptor;try{descriptor=Object.getOwnPropertyDescriptor(task.source,key)}catch{return OMIT_NOTEBOOK_SNAPSHOT}if(!descriptor){if(task.array)continue;return OMIT_NOTEBOOK_SNAPSHOT}if(!descriptor.enumerable||!("value"in descriptor)||remaining<=0)return OMIT_NOTEBOOK_SNAPSHOT;remaining-=1;const entry=descriptor.value;let snapshot=entry;if(entry!==null&&(typeof entry=="object"||typeof entry=="function")){if(typeof entry=="function"||seen.has(entry))return OMIT_NOTEBOOK_SNAPSHOT;if(snapshot=createContainer(entry),snapshot===OMIT_NOTEBOOK_SNAPSHOT)return snapshot}Object.defineProperty(task.target,key,{value:snapshot,enumerable:!0,configurable:!1,writable:!1})}}for(let index=created.length-1;index>=0;index-=1)Object.freeze(created[index]);return root}function joinSource(source){return typeof source=="string"?source:source?.join("")??""}function isDenseArray(value){for(let index=0;index<value.length;index++)if(!Object.prototype.hasOwnProperty.call(value,index))return!1;return!0}function joinText(text){return typeof text=="string"?text:Array.isArray(text)&&isDenseArray(text)&&text.every(item=>typeof item=="string")?text.join(""):""}function*notebookSearchTextParts(text){if(typeof text=="string"){yield text;return}if(!(!Array.isArray(text)||!isDenseArray(text)))for(const part of text)typeof part=="string"&&(yield part)}const MARKUP_ENTITIES={lt:"<",gt:">",quot:'"',apos:"'",amp:"&"};function visibleMarkupText(markup){const lower=markup.toLowerCase();let text="",index=0;for(;index<markup.length;){const open=markup.indexOf("<",index);if(open<0){text+=markup.slice(index);break}if(text+=markup.slice(index,open)+" ",lower.startsWith("<!--",open)){const end=markup.indexOf("-->",open+4);index=end<0?markup.length:end+3;continue}const close=markup.indexOf(">",open+1);if(close<0)break;const rawText=lower.startsWith("<script",open)?"<\/script":lower.startsWith("<style",open)?"</style":"";if(rawText){const end=lower.indexOf(rawText,close+1),endClose=end<0?-1:markup.indexOf(">",end);index=endClose<0?markup.length:endClose+1;continue}index=close+1}return text.replace(/&(lt|gt|quot|apos|amp);/g,(_entity,name)=>MARKUP_ENTITIES[name])}function*notebookOutputSearchParts(outputs){for(const output of outputs){yield*notebookSearchTextParts(output.text);const data=output.data;data&&Object.prototype.hasOwnProperty.call(data,"text/plain")&&(yield*notebookSearchTextParts(data["text/plain"]),yield" "),data&&!data["image/png"]&&!data["image/jpeg"]&&(data["image/svg+xml"]?yield visibleMarkupText(joinText(data["image/svg+xml"])):data["text/html"]?yield visibleMarkupText(joinText(data["text/html"])):data["application/json"]&&(yield*notebookSearchTextParts(data["application/json"]))),yield" "}}function isTextValue(value){return typeof value=="string"||Array.isArray(value)&&isDenseArray(value)&&value.every(item=>typeof item=="string")}function isJsonValue(value){const pending=[value];let nodes=0;for(;pending.length;){const current=pending.pop();if(++nodes>MAX_JSON_NODES)return!1;if(!(current===null||typeof current=="string"||typeof current=="boolean")){if(typeof current=="number"){if(!Number.isFinite(current))return!1;continue}if(Array.isArray(current)){if(current.length>MAX_JSON_NODES-nodes-pending.length)return!1;for(let index=current.length-1;index>=0;index--)pending.push(current[index]);continue}if(typeof current!="object")return!1;for(const key in current)if(Object.prototype.hasOwnProperty.call(current,key)){if(pending.length>=MAX_JSON_NODES-nodes)return!1;pending.push(current[key])}}}return!0}function isNotebookOutput(value){if(typeof value!="object"||value===null)return!1;const output=value;if(!["stream","error","display_data","execute_result"].includes(String(output.output_type))||output.text!==void 0&&!isTextValue(output.text)||output.traceback!==void 0&&!isTextValue(output.traceback)||output.ename!==void 0&&typeof output.ename!="string"||output.evalue!==void 0&&typeof output.evalue!="string"||output.name!==void 0&&output.name!=="stdout"&&output.name!=="stderr")return!1;const data=output.data;if(data===void 0)return!0;if(typeof data!="object"||data===null||Array.isArray(data))return!1;const mimeData=data;for(const[mime,payload]of Object.entries(mimeData))if(mime==="application/json"){if(typeof payload=="string")try{if(!isJsonValue(JSON.parse(payload)))return!1}catch{return!1}else if(!isJsonValue(payload))return!1}else if(!isTextValue(payload)&&!isJsonValue(payload))return!1;return!0}function isNotebookShape(value){if(typeof value!="object"||value===null)return!1;const v=value;if(!Number.isInteger(v.nbformat)||!Number.isInteger(v.nbformat_minor)||!Array.isArray(v.cells))return!1;const cells=v.cells;let outputCount=0;for(let index=0;index<cells.length;index++){if(!Object.prototype.hasOwnProperty.call(cells,index))return!1;const value2=cells[index];if(typeof value2!="object"||value2===null)return!1;const cell=value2;if(!["markdown","code","raw"].includes(String(cell.cell_type))||!isTextValue(cell.source)||cell.id!==void 0&&typeof cell.id!="string"||cell.execution_count!==void 0&&cell.execution_count!==null&&(!Number.isInteger(cell.execution_count)||cell.execution_count<0))return!1;if(cell.outputs!==void 0&&(!Array.isArray(cell.outputs)||!isDenseArray(cell.outputs)||(outputCount+=cell.outputs.length,outputCount>MAX_OUTPUTS||!cell.outputs.every(isNotebookOutput))))return!1}return!0}class LyraNotebookViewerBase extends LyraElement{}class LyraNotebookViewer extends DocumentAnchorTarget(LyraNotebookViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.outputCollapseLines=40,this.maxHeight="",this.anchorKinds=["node-path","fragment"],this.loadState={kind:"idle"},this.expandedOutputs=new Set,this.activeCellIndex=null,this.searchQuery="",this.searchMatches=[],this.searchMatchCountExact=!0,this.activeSearchIndex=-1,this.cellKey=(item,index)=>item.id??index,this.highlightedCells=new Map,this.generation=0,this.lastSearchLocale="",this.sanitizerGeneration=0,this.sanitizerFailureReported=!1,this.sourceLoadScheduled=!1,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>this.releaseDetachedNotebook()),this.sanitizedOutputCache=new Map,this.sanitizationTasks=new Map,this.renderCell=(cell,index)=>{const c=cell,numberFormat=getNumberFormat(this.effectiveLocale),inCount=c.execution_count==null?this.localize("notebookViewerInPromptEmpty"):this.localize("notebookViewerInPrompt",void 0,{count:numberFormat.format(c.execution_count)}),rowLabel=c.cell_type==="code"?this.localize("notebookViewerCodeCell",void 0,{index:numberFormat.format(index+1)}):c.cell_type==="markdown"?this.localize("notebookViewerMarkdownCell",void 0,{index:numberFormat.format(index+1)}):this.localize("notebookViewerRawCell",void 0,{index:numberFormat.format(index+1)}),active=this.activeCellIndex===index,highlight=this.highlightedCells.get(index),highlighted=highlight!==void 0,parts=["cell"];return active&&parts.push("cell-active"),highlighted&&(parts.push("cell-highlighted",`cell-highlighted-${highlight.tone??"accent"}`),highlight.id===this.activeHighlightId&&parts.push("cell-highlight-active")),html`<div part=${parts.join(" ")} role="group" aria-label=${rowLabel} data-cell-type=${c.cell_type} ?data-active=${active} ?data-highlighted=${highlighted}>
+import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{unsafeHTML}from"lit/directives/unsafe-html.js";import{unsafeSVG}from"lit/directives/unsafe-svg.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{specialistTokens}from"../../../internal/specialist-host-tokens.styles.js";import{DocumentAnchorTarget,prioritizedHighlightCandidates}from"../../../internal/anchor-target.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{finiteCount}from"../../../internal/numbers.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{createAnsiParser}from"../../../internal/ansi.js";import{loadNotebookSanitizer}from"./dompurify-loader.js";import{styles}from"./notebook-viewer.styles.js";import{sanitizeCssColor,sanitizeCssLength}from"../../../internal/safe-css.js";import{ViewerAnnouncementController}from"../viewer-announcements.js";import{DeferredTeardown}from"../document-viewer/deferred-teardown.js";import{sanitizePassiveMarkup}from"../passive-markup.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{resolveViewerSource}from"../viewer-source.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{boundedViewerSearchQuery,ViewerSearchWorkBudget}from"../viewer-search-limits.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_documentPreviewEmpty}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_documentViewerMissingSanitizer,LYRA_DEFAULT_loadingDocument,LYRA_DEFAULT_notebookViewerCodeCell,LYRA_DEFAULT_notebookViewerCollapseOutput,LYRA_DEFAULT_notebookViewerErrorOutput,LYRA_DEFAULT_notebookViewerInPrompt,LYRA_DEFAULT_notebookViewerInPromptEmpty,LYRA_DEFAULT_notebookViewerInvalid,LYRA_DEFAULT_notebookViewerLabel,LYRA_DEFAULT_notebookViewerMarkdownCell,LYRA_DEFAULT_notebookViewerRawCell,LYRA_DEFAULT_notebookViewerShowAllOutput,LYRA_DEFAULT_notebookViewerTooManyCells,LYRA_DEFAULT_notebookViewerUnrenderedOutput,LYRA_DEFAULT_notebookViewerUnsupportedVersion}from"../../../internal/default-strings/viewers.generated.js";const MAX_CELLS=2e3,MAX_OUTPUTS=2e4,MAX_JSON_NODES=1e5,SUPPORTED_MAJOR=4,SUPPORTED_MINORS=[0,1,2,3,4,5],MAX_NOTEBOOK_PAINTED_HIGHLIGHTS=100,OMIT_NOTEBOOK_SNAPSHOT=Symbol("omit-notebook-snapshot");function invalidNotebookSnapshot(){return Object.freeze({})}function isNotebookDataRecord(value){try{const prototype=Object.getPrototypeOf(value);if(prototype===null)return!0;const parent=Object.getPrototypeOf(prototype),constructor=Object.getOwnPropertyDescriptor(prototype,"constructor");if(parent===null)return!constructor||"value"in constructor&&typeof constructor.value=="function"&&constructor.value.name==="Object";if(constructor)return!1;const parentConstructor=Object.getOwnPropertyDescriptor(parent,"constructor");return!!(Object.getPrototypeOf(parent)===null&&parentConstructor&&"value"in parentConstructor&&typeof parentConstructor.value=="function"&&parentConstructor.value.name==="Object")}catch{return!1}}function snapshotNotebookDocument(value){if(value===null||typeof value!="object"||Array.isArray(value))return OMIT_NOTEBOOK_SNAPSHOT;let remaining=MAX_JSON_NODES;const seen=new WeakSet,created=[],pending=[],createContainer=source=>{let array=!1;try{array=Array.isArray(source)}catch{return OMIT_NOTEBOOK_SNAPSHOT}let keys,target;if(array){let lengthDescriptor;try{lengthDescriptor=Object.getOwnPropertyDescriptor(source,"length")}catch{return OMIT_NOTEBOOK_SNAPSHOT}if(!lengthDescriptor||!("value"in lengthDescriptor)||typeof lengthDescriptor.value!="number"||!Number.isSafeInteger(lengthDescriptor.value)||lengthDescriptor.value<0||lengthDescriptor.value>remaining)return OMIT_NOTEBOOK_SNAPSHOT;keys=Array.from({length:lengthDescriptor.value},(_,index)=>String(index)),target=new Array(lengthDescriptor.value)}else{if(!isNotebookDataRecord(source))return OMIT_NOTEBOOK_SNAPSHOT;try{keys=Object.keys(source)}catch{return OMIT_NOTEBOOK_SNAPSHOT}if(keys.length>remaining)return OMIT_NOTEBOOK_SNAPSHOT;target={}}return seen.add(source),created.push(target),pending.push({source,target,keys,array}),target};remaining-=1;const root=createContainer(value);if(root===OMIT_NOTEBOOK_SNAPSHOT)return root;for(;pending.length;){const task=pending.pop();for(const key of task.keys){let descriptor;try{descriptor=Object.getOwnPropertyDescriptor(task.source,key)}catch{return OMIT_NOTEBOOK_SNAPSHOT}if(!descriptor){if(task.array)continue;return OMIT_NOTEBOOK_SNAPSHOT}if(!descriptor.enumerable||!("value"in descriptor)||remaining<=0)return OMIT_NOTEBOOK_SNAPSHOT;remaining-=1;const entry=descriptor.value;let snapshot=entry;if(entry!==null&&(typeof entry=="object"||typeof entry=="function")){if(typeof entry=="function"||seen.has(entry))return OMIT_NOTEBOOK_SNAPSHOT;if(snapshot=createContainer(entry),snapshot===OMIT_NOTEBOOK_SNAPSHOT)return snapshot}Object.defineProperty(task.target,key,{value:snapshot,enumerable:!0,configurable:!1,writable:!1})}}for(let index=created.length-1;index>=0;index-=1)Object.freeze(created[index]);return root}function joinSource(source){return typeof source=="string"?source:source?.join("")??""}function isDenseArray(value){for(let index=0;index<value.length;index++)if(!Object.prototype.hasOwnProperty.call(value,index))return!1;return!0}function joinText(text){return typeof text=="string"?text:Array.isArray(text)&&isDenseArray(text)&&text.every(item=>typeof item=="string")?text.join(""):""}function*notebookSearchTextParts(text){if(typeof text=="string"){yield text;return}if(!(!Array.isArray(text)||!isDenseArray(text)))for(const part of text)typeof part=="string"&&(yield part)}const MARKUP_ENTITIES={lt:"<",gt:">",quot:'"',apos:"'",amp:"&"};function visibleMarkupText(markup){const lower=markup.toLowerCase();let text="",index=0;for(;index<markup.length;){const open=markup.indexOf("<",index);if(open<0){text+=markup.slice(index);break}if(text+=markup.slice(index,open)+" ",lower.startsWith("<!--",open)){const end=markup.indexOf("-->",open+4);index=end<0?markup.length:end+3;continue}const close=markup.indexOf(">",open+1);if(close<0)break;const rawText=lower.startsWith("<script",open)?"<\/script":lower.startsWith("<style",open)?"</style":"";if(rawText){const end=lower.indexOf(rawText,close+1),endClose=end<0?-1:markup.indexOf(">",end);index=endClose<0?markup.length:endClose+1;continue}index=close+1}return text.replace(/&(lt|gt|quot|apos|amp);/g,(_entity,name)=>MARKUP_ENTITIES[name])}function*notebookOutputSearchParts(outputs){for(const output of outputs){yield*notebookSearchTextParts(output.text);const data=output.data;data&&Object.prototype.hasOwnProperty.call(data,"text/plain")&&(yield*notebookSearchTextParts(data["text/plain"]),yield" "),data&&!data["image/png"]&&!data["image/jpeg"]&&(data["image/svg+xml"]?yield visibleMarkupText(joinText(data["image/svg+xml"])):data["text/html"]?yield visibleMarkupText(joinText(data["text/html"])):data["application/json"]&&(yield*notebookSearchTextParts(data["application/json"]))),yield" "}}function isTextValue(value){return typeof value=="string"||Array.isArray(value)&&isDenseArray(value)&&value.every(item=>typeof item=="string")}function isJsonValue(value){const pending=[value];let nodes=0;for(;pending.length;){const current=pending.pop();if(++nodes>MAX_JSON_NODES)return!1;if(!(current===null||typeof current=="string"||typeof current=="boolean")){if(typeof current=="number"){if(!Number.isFinite(current))return!1;continue}if(Array.isArray(current)){if(current.length>MAX_JSON_NODES-nodes-pending.length)return!1;for(let index=current.length-1;index>=0;index--)pending.push(current[index]);continue}if(typeof current!="object")return!1;for(const key in current)if(Object.prototype.hasOwnProperty.call(current,key)){if(pending.length>=MAX_JSON_NODES-nodes)return!1;pending.push(current[key])}}}return!0}function isNotebookOutput(value){if(typeof value!="object"||value===null)return!1;const output=value;if(!["stream","error","display_data","execute_result"].includes(String(output.output_type))||output.text!==void 0&&!isTextValue(output.text)||output.traceback!==void 0&&!isTextValue(output.traceback)||output.ename!==void 0&&typeof output.ename!="string"||output.evalue!==void 0&&typeof output.evalue!="string"||output.name!==void 0&&output.name!=="stdout"&&output.name!=="stderr")return!1;const data=output.data;if(data===void 0)return!0;if(typeof data!="object"||data===null||Array.isArray(data))return!1;const mimeData=data;for(const[mime,payload]of Object.entries(mimeData))if(mime==="application/json"){if(typeof payload=="string")try{if(!isJsonValue(JSON.parse(payload)))return!1}catch{return!1}else if(!isJsonValue(payload))return!1}else if(!isTextValue(payload)&&!isJsonValue(payload))return!1;return!0}function isNotebookShape(value){if(typeof value!="object"||value===null)return!1;const v=value;if(!Number.isInteger(v.nbformat)||!Number.isInteger(v.nbformat_minor)||!Array.isArray(v.cells))return!1;const cells=v.cells;let outputCount=0;for(let index=0;index<cells.length;index++){if(!Object.prototype.hasOwnProperty.call(cells,index))return!1;const value2=cells[index];if(typeof value2!="object"||value2===null)return!1;const cell=value2;if(!["markdown","code","raw"].includes(String(cell.cell_type))||!isTextValue(cell.source)||cell.id!==void 0&&typeof cell.id!="string"||cell.execution_count!==void 0&&cell.execution_count!==null&&(!Number.isInteger(cell.execution_count)||cell.execution_count<0))return!1;if(cell.outputs!==void 0&&(!Array.isArray(cell.outputs)||!isDenseArray(cell.outputs)||(outputCount+=cell.outputs.length,outputCount>MAX_OUTPUTS||!cell.outputs.every(isNotebookOutput))))return!1}return!0}class LyraNotebookViewerBase extends LyraElement{}class LyraNotebookViewer extends DocumentAnchorTarget(LyraNotebookViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.outputCollapseLines=40,this.maxHeight="",this.anchorKinds=["node-path","fragment"],this.loadState={kind:"idle"},this.expandedOutputs=new Set,this.activeCellIndex=null,this.searchQuery="",this.searchMatches=[],this.searchMatchCountExact=!0,this.activeSearchIndex=-1,this.cellKey=(item,index)=>item.id??index,this.highlightedCells=new Map,this.generation=0,this.lastSearchLocale="",this.sanitizerGeneration=0,this.sanitizerFailureReported=!1,this.sourceLoadScheduled=!1,this.announcements=new ViewerAnnouncementController(this),this.detached=new DeferredTeardown(()=>this.releaseDetachedNotebook()),this.sanitizedOutputCache=new Map,this.sanitizationTasks=new Map,this.renderCell=(cell,index)=>{const c=cell,numberFormat=getNumberFormat(this.effectiveLocale),inCount=c.execution_count==null?this.localize("notebookViewerInPromptEmpty"):this.localize("notebookViewerInPrompt",void 0,{count:numberFormat.format(c.execution_count)}),rowLabel=c.cell_type==="code"?this.localize("notebookViewerCodeCell",void 0,{index:numberFormat.format(index+1)}):c.cell_type==="markdown"?this.localize("notebookViewerMarkdownCell",void 0,{index:numberFormat.format(index+1)}):this.localize("notebookViewerRawCell",void 0,{index:numberFormat.format(index+1)}),active=this.activeCellIndex===index,highlight=this.highlightedCells.get(index),highlighted=highlight!==void 0,parts=["cell"];return active&&parts.push("cell-active"),highlighted&&(parts.push("cell-highlighted",`cell-highlighted-${highlight.tone??"accent"}`),highlight.id===this.activeHighlightId&&parts.push("cell-highlight-active")),html`<div part=${parts.join(" ")} role="group" aria-label=${rowLabel} data-cell-type=${c.cell_type} ?data-active=${active} ?data-highlighted=${highlighted}>
       <div part="cell-gutter">${c.cell_type==="code"?inCount:""}</div>
       <div part="cell-source">
         ${c.cell_type==="markdown"?html`<lr-markdown
@@ -42,7 +42,7 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
         @lr-error=${this.stopOwnedEvent}
         @lr-copy-error=${this.stopOwnedEvent}
         @lr-search-change=${this.stopOwnedEvent}
-      ></lr-json-viewer></div>`}return data["text/plain"]?this.renderTextOutput(key,joinText(data["text/plain"])):html`<div part="output" data-output-type=${output.output_type}>${this.localize("notebookViewerUnrenderedOutput")}</div>`}async ensureSanitized(raw,profile){const cacheKey=`${profile}:${raw}`;if(this.sanitizedOutputCache.has(cacheKey))return;const existing=this.sanitizationTasks.get(cacheKey);if(existing)return existing;const generation=this.sanitizerGeneration,task=(async()=>{try{const sanitizer=await loadNotebookSanitizer();if(!this.isConnected||generation!==this.sanitizerGeneration)return;const clean=sanitizer?sanitizePassiveMarkup(sanitizer,raw,this.ownerDocument,profile==="svg"?"passive-svg":"passive-document"):null;if(!this.isConnected||generation!==this.sanitizerGeneration)return;if(!sanitizer&&!this.sanitizerFailureReported){this.sanitizerFailureReported=!0;const message=this.localize("documentViewerMissingSanitizer");this.announcements.announceAssertive(message),this.emit("lr-render-error",{error:new LyraUserFacingError(message)})}this.sanitizedOutputCache.set(cacheKey,clean),this.requestUpdate()}catch(error){if(!this.isConnected||generation!==this.sanitizerGeneration)return;this.sanitizedOutputCache.set(cacheKey,null),this.sanitizerFailureReported||(this.sanitizerFailureReported=!0,this.announcements.announceAssertive(this.localize("documentViewerMissingSanitizer"))),this.emit("lr-render-error",{error}),this.requestUpdate()}finally{generation===this.sanitizerGeneration&&this.sanitizationTasks.delete(cacheKey)}})();return this.sanitizationTasks.set(cacheKey,task),task}renderSanitized(raw,profile,outputKey,textFallback){const cacheKey=`${profile}:${raw}`,cached=this.sanitizedOutputCache.get(cacheKey);return cached===void 0?(this.ensureSanitized(raw,profile),html`<span class="sr-only">${this.localize("loadingDocument")}</span>`):cached===null?textFallback?this.renderTextOutput(outputKey,textFallback):html`<p>${this.localize("documentViewerMissingSanitizer")}</p>`:profile==="svg"?html`${unsafeSVG(cached)}`:html`${unsafeHTML(cached)}`}notebookLanguage(){return this.loadState.kind==="loaded"?this.loadState.doc.metadata?.language_info?.name??this.loadState.doc.metadata?.kernelspec?.language??"":""}stopOwnedEvent(event){event.stopPropagation()}render(){const maxHeight=sanitizeCssLength(this.maxHeight),label=viewerSemanticLabel(this,this.name||this.localize("notebookViewerLabel"));return html`<div
+      ></lr-json-viewer></div>`}return data["text/plain"]?this.renderTextOutput(key,joinText(data["text/plain"])):html`<div part="output" data-output-type=${output.output_type}>${this.localize("notebookViewerUnrenderedOutput")}</div>`}async ensureSanitized(raw,profile){const cacheKey=`${profile}:${raw}`;if(this.sanitizedOutputCache.has(cacheKey))return;const existing=this.sanitizationTasks.get(cacheKey);if(existing)return existing;const generation=this.sanitizerGeneration,task=(async()=>{try{const sanitizer=await loadNotebookSanitizer();if(!this.isConnected||generation!==this.sanitizerGeneration)return;const clean=sanitizer?sanitizePassiveMarkup(sanitizer,raw,this.ownerDocument,profile==="svg"?"passive-svg":"passive-document"):null;if(!this.isConnected||generation!==this.sanitizerGeneration)return;if(!sanitizer&&!this.sanitizerFailureReported){this.sanitizerFailureReported=!0;const message=this.localize("documentViewerMissingSanitizer");this.announcements.announceAssertive(message),this.emit("lr-render-error",{error:new LyraUserFacingError(message)})}this.sanitizedOutputCache.set(cacheKey,clean),this.requestUpdate()}catch(error){if(!this.isConnected||generation!==this.sanitizerGeneration)return;this.sanitizedOutputCache.set(cacheKey,null),!this.sanitizerFailureReported&&!isResourceLimitError(error)&&(this.sanitizerFailureReported=!0,this.announcements.announceAssertive(this.localize("documentViewerMissingSanitizer"))),this.emit("lr-render-error",{error}),this.requestUpdate()}finally{generation===this.sanitizerGeneration&&this.sanitizationTasks.delete(cacheKey)}})();return this.sanitizationTasks.set(cacheKey,task),task}renderSanitized(raw,profile,outputKey,textFallback){const cacheKey=`${profile}:${raw}`,cached=this.sanitizedOutputCache.get(cacheKey);return cached===void 0?(this.ensureSanitized(raw,profile),html`<span class="sr-only">${this.localize("loadingDocument")}</span>`):cached===null?textFallback?this.renderTextOutput(outputKey,textFallback):html`<p>${this.localize("documentViewerMissingSanitizer")}</p>`:profile==="svg"?html`${unsafeSVG(cached)}`:html`${unsafeHTML(cached)}`}notebookLanguage(){return this.loadState.kind==="loaded"?this.loadState.doc.metadata?.language_info?.name??this.loadState.doc.metadata?.kernelspec?.language??"":""}stopOwnedEvent(event){event.stopPropagation()}render(){const maxHeight=sanitizeCssLength(this.maxHeight),label=viewerSemanticLabel(this,this.name||this.localize("notebookViewerLabel"));return html`<div
       part="base"
       style=${maxHeight?styleMap({"--lr-notebook-viewer-max-height":maxHeight}):nothing}
       role=${viewerSemanticRole(this,"region")??nothing}

package/dist/components/viewers/page-rail/page-rail.class.d.ts

@@ -71,4 +71,4 @@ get highlights():readonly LyraHighlight[];set highlights(value:readonly LyraHigh
 *  attribute value parses to a number; an unresolvable value falls back to the default. */
 thumbWidth:number|string;
 /** Overrides the computed accessible name. */
-label:string;private resolvedPageCount;private thumbnailStates;private allocationWidth;private readonly thumbnailRefs;private readonly thumbnailTargets;private readonly thumbnailHandles;private boundViewer;private digitBuffer;private readonly digitBufferReset;private thumbnailGeneration;private resizeObserver?;private targetObserver?;private readonly ownerFrames;private pendingFocusPage;private focusRepairPending;private focusRepairGeneration;private pageSourceCount;private pageSource;private viewerSnapshotIdentity?;private viewerSnapshotStatus?;private readonly onViewerLoad;private readonly onViewerPageChange;private readonly onViewerStateChange;protected willUpdate(changed:PropertyValues):void;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private resolveViewer;private observeForTarget;private unbindViewer;private applyViewerSnapshot;private lookupFor;private get safePageCount();private get safePage();private get safeThumbWidth();private effectivePageCount;private createPageSource;private indexedPages;private thumbnailRef;protected updated(changed:PropertyValues):void;private renderedPageButton;private isCurrentFocusRepair;private focusRepairIndex;private finishFocusRepair;private focusVirtualPage;private invalidateThumbnails;private disposeThumbnailHandle;private disposeThumbnailHandles;private loadThumbnail;private onPageActivate;private cancelDigitTimer;private resetDigitBuffer;private onKeyDown;private renderPageItem;private stopVirtualListEvent;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-page-rail':LyraPageRail;}}
+label:string;private resolvedPageCount;private thumbnailStates;private allocationWidth;private readonly thumbnailRowRefs;private readonly thumbnailRefs;private readonly thumbnailTargets;private readonly thumbnailHandles;private boundViewer;private digitBuffer;private readonly digitBufferReset;private thumbnailGeneration;private resizeObserver?;private targetObserver?;private readonly ownerFrames;private pendingFocusPage;private focusRepairPending;private focusRepairGeneration;private pageSourceCount;private pageSource;private viewerSnapshotIdentity?;private viewerSnapshotStatus?;private readonly onViewerLoad;private readonly onViewerPageChange;private readonly onViewerStateChange;protected willUpdate(changed:PropertyValues):void;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;private resolveViewer;private observeForTarget;private unbindViewer;private applyViewerSnapshot;private lookupFor;private get safePageCount();private get safePage();private get safeThumbWidth();private effectivePageCount;private createPageSource;private indexedPages;private thumbnailRowRef;private thumbnailRef;protected updated(changed:PropertyValues):void;private renderedPageButton;private isCurrentFocusRepair;private focusRepairIndex;private finishFocusRepair;private focusVirtualPage;private invalidateThumbnails;private disposeThumbnailHandle;private disposeThumbnailHandles;private loadThumbnail;private onPageActivate;private cancelDigitTimer;private resetDigitBuffer;private onKeyDown;private renderPageItem;private stopVirtualListEvent;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-page-rail':LyraPageRail;}}

package/dist/components/viewers/page-rail/page-rail.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{keyed}from"lit/directives/keyed.js";import{ref}from"lit/directives/ref.js";import{DebounceController}from"../../../internal/debounce-controller.js";import{OwnerAnimationFrameWaiter}from"../../../internal/owner-animation-frame.js";import{tag}from"../../../internal/prefix.js";import{LyraElement}from"../../../internal/lyra-element.js";import{finiteCount,finiteInteger,finiteRange}from"../../../internal/numbers.js";import{resolveCssLength}from"../../../internal/css-length.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{styles}from"./page-rail.styles.js";import{activeElementIn}from"../../../internal/active-element.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{LYRA_DEFAULT_pageRailLabel,LYRA_DEFAULT_pageRailPage,LYRA_DEFAULT_pageRailPageHighlighted}from"../../../internal/default-strings.generated.js";import{PageViewerSnapshotController}from"./page-viewer-snapshot.js";const DIGIT_BUFFER_MS=500,MAX_PAGE_COUNT=1e5,DEFAULT_ALLOCATION_WIDTH=320,DEFAULT_THUMB_WIDTH=96,THUMB_WIDTH_CONVERTER={fromAttribute:value=>{if(value===null)return value;const number=Number(value);return Number.isNaN(number)?value:number}};class LyraPageRail extends LyraElement{constructor(){super(...arguments),this.viewer=null,this.for="",this.pageCount=0,this.page=1,this._highlights=snapshotLyraHighlights([]),this.pageTones=new Map,this.thumbWidth=96,this.label="",this.resolvedPageCount=0,this.thumbnailStates=new Map,this.allocationWidth=DEFAULT_ALLOCATION_WIDTH,this.thumbnailRefs=new Map,this.thumbnailTargets=new Map,this.thumbnailHandles=new Map,this.boundViewer=null,this.digitBuffer="",this.digitBufferReset=new DebounceController(DIGIT_BUFFER_MS,()=>{this.digitBuffer=""},()=>this.ownerDocument.defaultView),this.thumbnailGeneration=0,this.ownerFrames=new OwnerAnimationFrameWaiter(this),this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration=0,this.pageSourceCount=-1,this.pageSource=this.createPageSource(0),this.onViewerLoad=e=>{this.resolvedPageCount=finiteCount(e.detail?.pageCount??0,0,MAX_PAGE_COUNT),this.invalidateThumbnails()},this.onViewerPageChange=e=>{this.page=e.detail.page},this.onViewerStateChange=event=>{const viewer=this.boundViewer;if(!viewer)return;const eventSnapshot=event.detail?.snapshot;this.applyViewerSnapshot(viewer.pageViewerSnapshot??eventSnapshot)},this.onKeyDown=e=>{const format=getNumberFormat(this.effectiveLocale),digit=/^[0-9]$/.test(e.key)?Number(e.key):Array.from({length:10},(_unused,value)=>format.format(value)).indexOf(e.key);if(e.altKey||e.ctrlKey||e.metaKey||digit<0)return;this.digitBuffer+=digit;const target=Number(this.digitBuffer);this.cancelDigitTimer(),this.ownerDocument.defaultView?this.digitBufferReset.push(void 0):this.digitBuffer="";const count=this.effectivePageCount();target>=1&&target<=count&&(this.boundViewer?this.onPageActivate(target):this.page=target)},this.renderPageItem=pageNumber=>{const number=pageNumber,numberFormat=getNumberFormat(this.effectiveLocale),tones=this.pageTones.get(number)??[],count=tones.length,thumbState=this.thumbnailStates.get(number),name=count===0?this.localize("pageRailPage",void 0,{page:numberFormat.format(number)}):this.localize("pageRailPageHighlighted",void 0,{page:numberFormat.format(number),count:numberFormat.format(count),pluralCount:count}),shownTones=tones.slice(0,3),overflow=tones.length-shownTones.length,isCurrent=this.safePage===number;return html`
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{keyed}from"lit/directives/keyed.js";import{ref}from"lit/directives/ref.js";import{DebounceController}from"../../../internal/debounce-controller.js";import{OwnerAnimationFrameWaiter}from"../../../internal/owner-animation-frame.js";import{tag}from"../../../internal/prefix.js";import{LyraElement}from"../../../internal/lyra-element.js";import{finiteCount,finiteInteger,finiteRange}from"../../../internal/numbers.js";import{resolveCssLength}from"../../../internal/css-length.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{styles}from"./page-rail.styles.js";import{shadowFocusTarget}from"../../../internal/active-element.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{snapshotLyraHighlights}from"../../../internal/highlight-collection.js";import{LYRA_DEFAULT_pageRailLabel,LYRA_DEFAULT_pageRailPage,LYRA_DEFAULT_pageRailPageHighlighted}from"../../../internal/default-strings/viewers.generated.js";import{PageViewerSnapshotController}from"./page-viewer-snapshot.js";const DIGIT_BUFFER_MS=500,MAX_PAGE_COUNT=1e5,DEFAULT_ALLOCATION_WIDTH=320,DEFAULT_THUMB_WIDTH=96,THUMB_WIDTH_CONVERTER={fromAttribute:value=>{if(value===null)return value;const number=Number(value);return Number.isNaN(number)?value:number}};class LyraPageRail extends LyraElement{constructor(){super(...arguments),this.viewer=null,this.for="",this.pageCount=0,this.page=1,this._highlights=snapshotLyraHighlights([]),this.pageTones=new Map,this.thumbWidth=96,this.label="",this.resolvedPageCount=0,this.thumbnailStates=new Map,this.allocationWidth=DEFAULT_ALLOCATION_WIDTH,this.thumbnailRowRefs=new Map,this.thumbnailRefs=new Map,this.thumbnailTargets=new Map,this.thumbnailHandles=new Map,this.boundViewer=null,this.digitBuffer="",this.digitBufferReset=new DebounceController(DIGIT_BUFFER_MS,()=>{this.digitBuffer=""},()=>this.ownerDocument.defaultView),this.thumbnailGeneration=0,this.ownerFrames=new OwnerAnimationFrameWaiter(this),this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration=0,this.pageSourceCount=-1,this.pageSource=this.createPageSource(0),this.onViewerLoad=e=>{this.resolvedPageCount=finiteCount(e.detail?.pageCount??0,0,MAX_PAGE_COUNT),this.invalidateThumbnails()},this.onViewerPageChange=e=>{this.page=e.detail.page},this.onViewerStateChange=event=>{const viewer=this.boundViewer;if(!viewer)return;const eventSnapshot=event.detail?.snapshot;this.applyViewerSnapshot(viewer.pageViewerSnapshot??eventSnapshot)},this.onKeyDown=e=>{const format=getNumberFormat(this.effectiveLocale),digit=/^[0-9]$/.test(e.key)?Number(e.key):Array.from({length:10},(_unused,value)=>format.format(value)).indexOf(e.key);if(e.altKey||e.ctrlKey||e.metaKey||digit<0)return;this.digitBuffer+=digit;const target=Number(this.digitBuffer);this.cancelDigitTimer(),this.ownerDocument.defaultView?this.digitBufferReset.push(void 0):this.digitBuffer="";const count=this.effectivePageCount();target>=1&&target<=count&&(this.boundViewer?this.onPageActivate(target):this.page=target)},this.renderPageItem=pageNumber=>{const number=pageNumber,numberFormat=getNumberFormat(this.effectiveLocale),tones=this.pageTones.get(number)??[],count=tones.length,thumbState=this.thumbnailStates.get(number),name=count===0?this.localize("pageRailPage",void 0,{page:numberFormat.format(number)}):this.localize("pageRailPageHighlighted",void 0,{page:numberFormat.format(number),count:numberFormat.format(count),pluralCount:count}),shownTones=tones.slice(0,3),overflow=tones.length-shownTones.length,isCurrent=this.safePage===number;return html`
       <button
         part=${isCurrent?"page page-current":"page"}
         type="button"
@@ -6,7 +6,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
         aria-current=${isCurrent?"true":"false"}
         @click=${()=>this.onPageActivate(number)}
       >
-        <span part="thumbnail">
+        <span part="thumbnail" ${ref(this.thumbnailRowRef(number))}>
           ${this.boundViewer?thumbState==="unavailable"?html`<lr-file-icon decorative></lr-file-icon>`:html`${keyed(this.thumbnailGeneration,this.boundViewer.renderPageThumbnailToContainer?html`<div part="thumbnail-target" aria-hidden="true" ${ref(this.thumbnailRef(number))}></div>`:html`<canvas part="thumbnail-target" aria-hidden="true" ${ref(this.thumbnailRef(number))}></canvas>`)}${thumbState!=="ready"?html`<lr-skeleton shape="rect" .announce=${!1} aria-hidden="true"></lr-skeleton>`:nothing}`:html`<lr-file-icon decorative></lr-file-icon>`}
         </span>
         <span part="page-number" aria-hidden="true">${numberFormat.format(number)}</span>
@@ -15,7 +15,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
               ${overflow>0?html`<span part="heat-dot heat-dot-overflow" data-overflow="true">+${numberFormat.format(overflow)}</span>`:nothing}
             </span>`:nothing}
       </button>
-    `}}static{this.defaultStrings={...super.defaultStrings,pageRailLabel:LYRA_DEFAULT_pageRailLabel,pageRailPage:LYRA_DEFAULT_pageRailPage,pageRailPageHighlighted:LYRA_DEFAULT_pageRailPageHighlighted}}static{this.styles=[LyraElement.styles,styles]}get highlights(){return this._highlights}set highlights(value){if(value===this._highlightsSource||value===this._highlights)return;const previous=this._highlights;this._highlightsSource=value,this._highlights=snapshotLyraHighlights(value),this.requestUpdate("highlights",previous)}willUpdate(changed){if(super.willUpdate(changed),changed.has("thumbWidth")&&changed.get("thumbWidth")!==void 0&&this.invalidateThumbnails(),changed.has("highlights")){this.pageTones=new Map;for(const{anchor,tone="accent"}of this.highlights){if(!("page"in anchor)||anchor.page===void 0)continue;const tones=this.pageTones.get(anchor.page)??[];tones.push(tone),this.pageTones.set(anchor.page,tones)}}if(changed.has("pageCount")||changed.has("resolvedPageCount")){const list=this.shadowRoot?.querySelector(tag("virtual-list")),focusedRowIndex=activeElementIn(list?.shadowRoot)?.closest("[data-row-index]")?.getAttribute("data-row-index"),focusedIndex=focusedRowIndex==null?-1:finiteInteger(Number(focusedRowIndex),-1,-1),nextCount=this.effectivePageCount();nextCount<=0?this.focusRepairPending&&(this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration++):(focusedIndex>=nextCount||this.focusRepairPending)&&(this.pendingFocusPage=nextCount,this.focusRepairPending=!0,this.focusRepairGeneration++)}(!this.hasUpdated||changed.has("viewer")||changed.has("for"))&&(this.resolveViewer(),this.observeForTarget())}connectedCallback(){super.connectedCallback();const ResizeObserverCtor=this.ownerDocument.defaultView?.ResizeObserver;ResizeObserverCtor&&(this.resizeObserver=new ResizeObserverCtor(entries=>{const width=finiteRange(entries.at(-1)?.contentRect.width??DEFAULT_ALLOCATION_WIDTH,DEFAULT_ALLOCATION_WIDTH,0);width!==this.allocationWidth&&(this.allocationWidth=width,this.invalidateThumbnails())}),this.resizeObserver.observe(this)),this.observeForTarget(),this.hasUpdated&&this.resolveViewer()}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.targetObserver?.disconnect(),this.targetObserver=void 0,this.unbindViewer(),this.thumbnailGeneration++,this.disposeThumbnailHandles(),this.ownerFrames.cancel(),this.resetDigitBuffer(),this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration++,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.targetObserver?.disconnect(),this.targetObserver=void 0,this.ownerFrames.cancel(),this.resetDigitBuffer(),this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration++,this.unbindViewer(),this.resolvedPageCount=0,this.invalidateThumbnails()}resolveViewer(){const next=this.viewer??this.lookupFor();next!==this.boundViewer&&(this.unbindViewer(),this.resolvedPageCount=0,this.invalidateThumbnails(),this.boundViewer=next,next&&(next.pageViewerSnapshot?(next.addEventListener("lr-page-viewer-state-change",this.onViewerStateChange),this.applyViewerSnapshot(next.pageViewerSnapshot)):(this.page=next.page||this.page,next.addEventListener("lr-load",this.onViewerLoad),next.addEventListener("lr-page-change",this.onViewerPageChange))))}observeForTarget(){this.targetObserver?.disconnect(),this.targetObserver=void 0;const MutationObserverCtor=this.ownerDocument.defaultView?.MutationObserver;!this.isConnected||!this.for||!MutationObserverCtor||(this.targetObserver=new MutationObserverCtor(()=>this.resolveViewer()),this.targetObserver.observe(this.getRootNode(),{attributes:!0,attributeFilter:["id"],childList:!0,subtree:!0}))}unbindViewer(){this.boundViewer?.removeEventListener("lr-load",this.onViewerLoad),this.boundViewer?.removeEventListener("lr-page-change",this.onViewerPageChange),this.boundViewer?.removeEventListener("lr-page-viewer-state-change",this.onViewerStateChange),this.boundViewer=null,this.viewerSnapshotIdentity=void 0,this.viewerSnapshotStatus=void 0}applyViewerSnapshot(snapshot){if(!snapshot)return;const nextCount=snapshot.status==="ready"?finiteCount(snapshot.pageCount,0,MAX_PAGE_COUNT):0,nextPage=finiteInteger(snapshot.page,1,1,Math.max(1,nextCount)),previousCount=this.resolvedPageCount,documentChanged=this.viewerSnapshotIdentity!==snapshot.identity,statusChanged=this.viewerSnapshotStatus!==snapshot.status;this.viewerSnapshotIdentity=snapshot.identity,this.viewerSnapshotStatus=snapshot.status,this.resolvedPageCount=nextCount,this.page=nextPage,(documentChanged||statusChanged||previousCount!==nextCount)&&this.invalidateThumbnails()}lookupFor(){return this.for?this.getRootNode().getElementById?.(this.for)??null:null}get safePageCount(){return finiteCount(this.pageCount,0,MAX_PAGE_COUNT)}get safePage(){const count=this.effectivePageCount();return finiteInteger(this.page,1,1,Math.max(1,count))}get safeThumbWidth(){const allocation=finiteRange(this.allocationWidth,DEFAULT_ALLOCATION_WIDTH,0),thumbWidth=resolveCssLength(this.thumbWidth,{host:this,percentBase:allocation});return Math.min(finiteRange(thumbWidth??Number.NaN,DEFAULT_THUMB_WIDTH,0),allocation)}effectivePageCount(){return this.boundViewer?this.resolvedPageCount:this.safePageCount}createPageSource(count){return Object.freeze({count,itemAt:index=>index+1,keyAt:index=>index+1,indexOfKey:key=>typeof key=="number"?key-1:-1})}indexedPages(count){return count!==this.pageSourceCount&&(this.pageSourceCount=count,this.pageSource=this.createPageSource(count)),this.pageSource}thumbnailRef(pageNumber){let cb=this.thumbnailRefs.get(pageNumber);return cb||(cb=el=>{if(!el){this.thumbnailTargets.delete(pageNumber),this.disposeThumbnailHandle(pageNumber);return}this.thumbnailTargets.set(pageNumber,el),this.loadThumbnail(pageNumber,el)},this.thumbnailRefs.set(pageNumber,cb)),cb}updated(changed){super.updated(changed),this.shadowRoot?.querySelector(tag("virtual-list"))?.requestUpdate();const pendingFocusPage=this.pendingFocusPage;this.pendingFocusPage=null,pendingFocusPage!==null&&this.focusVirtualPage(pendingFocusPage,this.focusRepairGeneration)}renderedPageButton(list,index){return list.renderedRows.find(candidate=>finiteInteger(Number(candidate.dataset.rowIndex),-1,-1)===index)?.querySelector('[part~="page"]')??null}isCurrentFocusRepair(list,generation){return this.isConnected&&generation===this.focusRepairGeneration&&this.shadowRoot?.querySelector(tag("virtual-list"))===list}focusRepairIndex(pageNumber){const count=this.effectivePageCount();return count<=0?null:finiteInteger(pageNumber,count,1,count)-1}finishFocusRepair(generation){generation===this.focusRepairGeneration&&(this.focusRepairPending=!1)}async focusVirtualPage(pageNumber,generation){const list=this.shadowRoot?.querySelector(tag("virtual-list"));if(!list){this.finishFocusRepair(generation);return}if(await list.updateComplete,!this.isCurrentFocusRepair(list,generation))return;let index=this.focusRepairIndex(pageNumber);if(index===null){this.finishFocusRepair(generation);return}let button=this.renderedPageButton(list,index);if(button){button.focus(),this.finishFocusRepair(generation);return}list.scrollToIndex(index,{align:"auto",behavior:"auto"});for(let attempt=0;attempt<4;attempt++){if(!await this.ownerFrames.wait()||(await list.updateComplete,!this.isCurrentFocusRepair(list,generation)))return;if(index=this.focusRepairIndex(pageNumber),index===null){this.finishFocusRepair(generation);return}if(button=this.renderedPageButton(list,index),button){button.focus(),this.finishFocusRepair(generation);return}}this.finishFocusRepair(generation)}invalidateThumbnails(){this.thumbnailGeneration++,this.disposeThumbnailHandles(),this.thumbnailStates=new Map,this.pageSourceCount=-1}disposeThumbnailHandle(pageNumber){this.thumbnailHandles.get(pageNumber)?.dispose(),this.thumbnailHandles.delete(pageNumber)}disposeThumbnailHandles(){for(const handle of this.thumbnailHandles.values())handle.dispose();this.thumbnailHandles.clear()}async loadThumbnail(pageNumber,target){const viewer=this.boundViewer;if(!viewer)return;const generation=this.thumbnailGeneration,width=this.safeThumbWidth;this.disposeThumbnailHandle(pageNumber);const pending=new Map(this.thumbnailStates);pending.set(pageNumber,"pending"),this.thumbnailStates=pending;let ok,handle;try{if(viewer.renderPageThumbnailToContainer&&target.localName!=="canvas"){const result=await viewer.renderPageThumbnailToContainer(pageNumber,target,{width});ok=result!==!1,handle=result===!1?void 0:result}else viewer.renderPageThumbnail&&target.localName==="canvas"?ok=await viewer.renderPageThumbnail(pageNumber,target,{width}):ok=!1}catch{ok=!1}if(generation!==this.thumbnailGeneration||viewer!==this.boundViewer||width!==this.safeThumbWidth||this.thumbnailTargets.get(pageNumber)!==target){handle?.dispose();return}handle&&this.thumbnailHandles.set(pageNumber,handle);const settled=new Map(this.thumbnailStates);settled.set(pageNumber,ok?"ready":"unavailable"),this.thumbnailStates=settled}onPageActivate(pageNumber){this.boundViewer&&(this.boundViewer.page=pageNumber),this.emit("lr-page-select",{page:pageNumber})}cancelDigitTimer(){this.digitBufferReset.cancel()}resetDigitBuffer(){this.cancelDigitTimer(),this.digitBuffer=""}stopVirtualListEvent(event){event.stopPropagation()}render(){const count=this.effectivePageCount();return html`
+    `}}static{this.defaultStrings={...super.defaultStrings,pageRailLabel:LYRA_DEFAULT_pageRailLabel,pageRailPage:LYRA_DEFAULT_pageRailPage,pageRailPageHighlighted:LYRA_DEFAULT_pageRailPageHighlighted}}static{this.styles=[LyraElement.styles,styles]}get highlights(){return this._highlights}set highlights(value){if(value===this._highlightsSource||value===this._highlights)return;const previous=this._highlights;this._highlightsSource=value,this._highlights=snapshotLyraHighlights(value),this.requestUpdate("highlights",previous)}willUpdate(changed){if(super.willUpdate(changed),changed.has("thumbWidth")&&changed.get("thumbWidth")!==void 0&&this.invalidateThumbnails(),changed.has("highlights")){this.pageTones=new Map;for(const{anchor,tone="accent"}of this.highlights){if(!("page"in anchor)||anchor.page===void 0)continue;const tones=this.pageTones.get(anchor.page)??[];tones.push(tone),this.pageTones.set(anchor.page,tones)}}if(changed.has("pageCount")||changed.has("resolvedPageCount")){const list=this.shadowRoot?.querySelector(tag("virtual-list")),focusedRowIndex=(list?shadowFocusTarget(list):null)?.closest("[data-row-index]")?.getAttribute("data-row-index"),focusedIndex=focusedRowIndex==null?-1:finiteInteger(Number(focusedRowIndex),-1,-1),nextCount=this.effectivePageCount();nextCount<=0?this.focusRepairPending&&(this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration++):(focusedIndex>=nextCount||this.focusRepairPending)&&(this.pendingFocusPage=nextCount,this.focusRepairPending=!0,this.focusRepairGeneration++)}(!this.hasUpdated||changed.has("viewer")||changed.has("for"))&&(this.resolveViewer(),this.observeForTarget())}connectedCallback(){super.connectedCallback();const ResizeObserverCtor=this.ownerDocument.defaultView?.ResizeObserver;ResizeObserverCtor&&(this.resizeObserver=new ResizeObserverCtor(entries=>{const width=finiteRange(entries.at(-1)?.contentRect.width??DEFAULT_ALLOCATION_WIDTH,DEFAULT_ALLOCATION_WIDTH,0);width!==this.allocationWidth&&(this.allocationWidth=width,this.invalidateThumbnails())}),this.resizeObserver.observe(this)),this.observeForTarget(),this.hasUpdated&&this.resolveViewer()}disconnectedCallback(){this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.targetObserver?.disconnect(),this.targetObserver=void 0,this.unbindViewer(),this.thumbnailGeneration++,this.disposeThumbnailHandles(),this.ownerFrames.cancel(),this.resetDigitBuffer(),this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration++,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.targetObserver?.disconnect(),this.targetObserver=void 0,this.ownerFrames.cancel(),this.resetDigitBuffer(),this.pendingFocusPage=null,this.focusRepairPending=!1,this.focusRepairGeneration++,this.unbindViewer(),this.resolvedPageCount=0,this.invalidateThumbnails()}resolveViewer(){const next=this.viewer??this.lookupFor();next!==this.boundViewer&&(this.unbindViewer(),this.resolvedPageCount=0,this.invalidateThumbnails(),this.boundViewer=next,next&&(next.pageViewerSnapshot?(next.addEventListener("lr-page-viewer-state-change",this.onViewerStateChange),this.applyViewerSnapshot(next.pageViewerSnapshot)):(this.page=next.page||this.page,next.addEventListener("lr-load",this.onViewerLoad),next.addEventListener("lr-page-change",this.onViewerPageChange))))}observeForTarget(){this.targetObserver?.disconnect(),this.targetObserver=void 0;const MutationObserverCtor=this.ownerDocument.defaultView?.MutationObserver;!this.isConnected||!this.for||!MutationObserverCtor||(this.targetObserver=new MutationObserverCtor(()=>this.resolveViewer()),this.targetObserver.observe(this.getRootNode(),{attributes:!0,attributeFilter:["id"],childList:!0,subtree:!0}))}unbindViewer(){this.boundViewer?.removeEventListener("lr-load",this.onViewerLoad),this.boundViewer?.removeEventListener("lr-page-change",this.onViewerPageChange),this.boundViewer?.removeEventListener("lr-page-viewer-state-change",this.onViewerStateChange),this.boundViewer=null,this.viewerSnapshotIdentity=void 0,this.viewerSnapshotStatus=void 0}applyViewerSnapshot(snapshot){if(!snapshot)return;const nextCount=snapshot.status==="ready"?finiteCount(snapshot.pageCount,0,MAX_PAGE_COUNT):0,nextPage=finiteInteger(snapshot.page,1,1,Math.max(1,nextCount)),previousCount=this.resolvedPageCount,documentChanged=this.viewerSnapshotIdentity!==snapshot.identity,statusChanged=this.viewerSnapshotStatus!==snapshot.status;this.viewerSnapshotIdentity=snapshot.identity,this.viewerSnapshotStatus=snapshot.status,this.resolvedPageCount=nextCount,this.page=nextPage,(documentChanged||statusChanged||previousCount!==nextCount)&&this.invalidateThumbnails()}lookupFor(){return this.for?this.getRootNode().getElementById?.(this.for)??null:null}get safePageCount(){return finiteCount(this.pageCount,0,MAX_PAGE_COUNT)}get safePage(){const count=this.effectivePageCount();return finiteInteger(this.page,1,1,Math.max(1,count))}get safeThumbWidth(){const allocation=finiteRange(this.allocationWidth,DEFAULT_ALLOCATION_WIDTH,0),thumbWidth=resolveCssLength(this.thumbWidth,{host:this,percentBase:allocation});return Math.min(finiteRange(thumbWidth??Number.NaN,DEFAULT_THUMB_WIDTH,0),allocation)}effectivePageCount(){return this.boundViewer?this.resolvedPageCount:this.safePageCount}createPageSource(count){return Object.freeze({count,itemAt:index=>index+1,keyAt:index=>index+1,indexOfKey:key=>typeof key=="number"?key-1:-1})}indexedPages(count){return count!==this.pageSourceCount&&(this.pageSourceCount=count,this.pageSource=this.createPageSource(count)),this.pageSource}thumbnailRowRef(pageNumber){let callback=this.thumbnailRowRefs.get(pageNumber);return callback||(callback=element=>{if(element){this.thumbnailRowRefs.set(pageNumber,callback);return}this.thumbnailRowRefs.get(pageNumber)===callback&&(this.thumbnailRowRefs.delete(pageNumber),this.thumbnailRefs.delete(pageNumber),this.thumbnailStates.delete(pageNumber))},this.thumbnailRowRefs.set(pageNumber,callback)),callback}thumbnailRef(pageNumber){let cb=this.thumbnailRefs.get(pageNumber);if(!cb){let mounted;cb=el=>{if(!el){this.thumbnailTargets.get(pageNumber)===mounted&&(this.thumbnailTargets.delete(pageNumber),this.disposeThumbnailHandle(pageNumber)),mounted=void 0;return}mounted=el,this.thumbnailRefs.set(pageNumber,cb),this.thumbnailTargets.set(pageNumber,mounted),this.loadThumbnail(pageNumber,mounted)},this.thumbnailRefs.set(pageNumber,cb)}return cb}updated(changed){super.updated(changed),this.shadowRoot?.querySelector(tag("virtual-list"))?.requestUpdate();const pendingFocusPage=this.pendingFocusPage;this.pendingFocusPage=null,pendingFocusPage!==null&&this.focusVirtualPage(pendingFocusPage,this.focusRepairGeneration)}renderedPageButton(list,index){return list.renderedRows.find(candidate=>finiteInteger(Number(candidate.dataset.rowIndex),-1,-1)===index)?.querySelector('[part~="page"]')??null}isCurrentFocusRepair(list,generation){return this.isConnected&&generation===this.focusRepairGeneration&&this.shadowRoot?.querySelector(tag("virtual-list"))===list}focusRepairIndex(pageNumber){const count=this.effectivePageCount();return count<=0?null:finiteInteger(pageNumber,count,1,count)-1}finishFocusRepair(generation){generation===this.focusRepairGeneration&&(this.focusRepairPending=!1)}async focusVirtualPage(pageNumber,generation){const list=this.shadowRoot?.querySelector(tag("virtual-list"));if(!list){this.finishFocusRepair(generation);return}if(await list.updateComplete,!this.isCurrentFocusRepair(list,generation))return;let index=this.focusRepairIndex(pageNumber);if(index===null){this.finishFocusRepair(generation);return}let button=this.renderedPageButton(list,index);if(button){button.focus(),this.finishFocusRepair(generation);return}list.scrollToIndex(index,{align:"auto",behavior:"auto"});for(let attempt=0;attempt<4;attempt++){if(!await this.ownerFrames.wait()||(await list.updateComplete,!this.isCurrentFocusRepair(list,generation)))return;if(index=this.focusRepairIndex(pageNumber),index===null){this.finishFocusRepair(generation);return}if(button=this.renderedPageButton(list,index),button){button.focus(),this.finishFocusRepair(generation);return}}this.finishFocusRepair(generation)}invalidateThumbnails(){this.thumbnailGeneration++,this.disposeThumbnailHandles(),this.thumbnailStates=new Map,this.pageSourceCount=-1}disposeThumbnailHandle(pageNumber){this.thumbnailHandles.get(pageNumber)?.dispose(),this.thumbnailHandles.delete(pageNumber)}disposeThumbnailHandles(){for(const handle of this.thumbnailHandles.values())handle.dispose();this.thumbnailHandles.clear()}async loadThumbnail(pageNumber,target){const viewer=this.boundViewer;if(!viewer)return;const generation=this.thumbnailGeneration,width=this.safeThumbWidth;this.disposeThumbnailHandle(pageNumber),this.thumbnailStates.set(pageNumber,"pending"),this.requestUpdate();let ok,handle;try{if(viewer.renderPageThumbnailToContainer&&target.localName!=="canvas"){const result=await viewer.renderPageThumbnailToContainer(pageNumber,target,{width});ok=result!==!1,handle=result===!1?void 0:result}else viewer.renderPageThumbnail&&target.localName==="canvas"?ok=await viewer.renderPageThumbnail(pageNumber,target,{width}):ok=!1}catch{ok=!1}if(generation!==this.thumbnailGeneration||viewer!==this.boundViewer||width!==this.safeThumbWidth||this.thumbnailTargets.get(pageNumber)!==target){handle?.dispose();return}handle&&this.thumbnailHandles.set(pageNumber,handle),this.thumbnailStates.set(pageNumber,ok?"ready":"unavailable"),this.requestUpdate()}onPageActivate(pageNumber){this.boundViewer&&(this.boundViewer.page=pageNumber),this.emit("lr-page-select",{page:pageNumber})}cancelDigitTimer(){this.digitBufferReset.cancel()}resetDigitBuffer(){this.cancelDigitTimer(),this.digitBuffer=""}stopVirtualListEvent(event){event.stopPropagation()}render(){const count=this.effectivePageCount();return html`
       <div
         part="base"
         role=${viewerSemanticRole(this,"navigation")??nothing}

package/dist/components/viewers/passive-markup.js

@@ -1 +1 @@
-const REMOVED_WITH_CONTENT=new Set(["a","button","details","dialog","fieldset","form","label","select","summary","textarea"]),REMOVED_ENTIRELY=new Set(["animate","animatemotion","animatetransform","applet","audio","base","canvas","embed","fencedframe","frame","iframe","input","link","meta","noscript","object","option","optgroup","picture","portal","script","set","discard","source","style","track","video"]),NETWORK_ATTRIBUTES=new Set(["action","background","cite","data","formaction","href","manifest","ping","poster","profile","src","srcdoc","srcset","usemap","xlink:href"]),INTERACTION_ATTRIBUTES=new Set(["autofocus","contenteditable","download","draggable","form","formaction","popover","tabindex","target"]),SVG_FRAGMENT_ATTRIBUTES=new Set(["clip-path","color-profile","cursor","fill","filter","marker","marker-end","marker-mid","marker-start","mask","stroke"]),LOCAL_FRAGMENT=/^#[A-Za-z_][\w:.-]*$/,LOCAL_FRAGMENT_URL=/^\s*url\(\s*(['"]?)#([A-Za-z_][\w:.-]*)\1\s*\)\s*$/i,INLINE_RASTER_DATA=/^data:image\/(?:gif|jpeg|png|webp);base64,[a-z\d+/=\s]+$/i;function replaceWithContents(element){const parent=element.parentNode;if(parent){for(;element.firstChild;)parent.insertBefore(element.firstChild,element);element.remove()}}function elementsIncludingTemplateContents(root){const elements=[...root.querySelectorAll("*")];for(let index=0;index<elements.length;index++){const element=elements[index];if(element.localName==="template"&&"content"in element)for(const child of element.content.querySelectorAll("*"))elements.push(child)}return elements}function sanitizePassiveMarkupFragment(sanitizer,raw,ownerDocument,profile="passive-document"){const purified=String(sanitizer.sanitize(raw,profile==="passive-svg"?{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["use"],ADD_ATTR:["href","xlink:href"]}:void 0)),template=ownerDocument.createElement("template");template.innerHTML=purified;for(const element of elementsIncludingTemplateContents(template.content)){const localName=element.localName.toLowerCase();if(REMOVED_ENTIRELY.has(localName)){element.remove();continue}const retainedTransclusionAnchor=profile==="transclusion"&&localName==="a";if(REMOVED_WITH_CONTENT.has(localName)&&!retainedTransclusionAnchor){replaceWithContents(element);continue}if(localName.includes("-")){replaceWithContents(element);continue}for(const attributeName of element.getAttributeNames()){const name=attributeName.toLowerCase(),value=element.getAttribute(attributeName)??"";if(name==="style"||name==="part"||name==="exportparts"||name.startsWith("on")||INTERACTION_ATTRIBUTES.has(name)){element.removeAttribute(attributeName);continue}if(NETWORK_ATTRIBUTES.has(name)){const keepSvgFragment=isSvgElement(element)&&(name==="href"||name==="xlink:href")&&LOCAL_FRAGMENT.test(value.trim()),keepInlineSvgRaster=profile==="passive-svg"&&isSvgElement(element)&&element.localName.toLowerCase()==="image"&&(name==="href"||name==="xlink:href"||name==="src")&&INLINE_RASTER_DATA.test(value.trim()),keepInlineDocumentRaster=profile==="passive-document"&&element.localName.toLowerCase()==="img"&&name==="src"&&INLINE_RASTER_DATA.test(value.trim()),keepTransclusionFragment=profile==="transclusion"&&name==="href"&&LOCAL_FRAGMENT.test(value.trim());!keepSvgFragment&&!keepInlineSvgRaster&&!keepInlineDocumentRaster&&!keepTransclusionFragment&&element.removeAttribute(attributeName);continue}SVG_FRAGMENT_ATTRIBUTES.has(name)&&/url\s*\(|\\/i.test(value)&&(!isSvgElement(element)||!LOCAL_FRAGMENT_URL.test(value))&&element.removeAttribute(attributeName)}profile==="passive-svg"&&!isSvgElement(element)&&replaceWithContents(element)}return template.content}function sanitizePassiveMarkup(sanitizer,raw,ownerDocument,profile="passive-document"){const template=ownerDocument.createElement("template");return template.content.append(sanitizePassiveMarkupFragment(sanitizer,raw,ownerDocument,profile)),template.innerHTML}import{isSvgElement}from"../../internal/dom-guards.js";export{sanitizePassiveMarkup,sanitizePassiveMarkupFragment};
+const REMOVED_WITH_CONTENT=new Set(["a","button","details","dialog","fieldset","form","label","select","summary","textarea"]),REMOVED_ENTIRELY=new Set(["animate","animatemotion","animatetransform","applet","audio","base","canvas","embed","fencedframe","frame","iframe","input","link","meta","noscript","object","option","optgroup","picture","portal","script","set","discard","source","style","track","video"]),NETWORK_ATTRIBUTES=new Set(["action","background","cite","data","formaction","href","manifest","ping","poster","profile","src","srcdoc","srcset","usemap","xlink:href"]),INTERACTION_ATTRIBUTES=new Set(["autofocus","contenteditable","download","draggable","form","formaction","popover","tabindex","target"]),SVG_FRAGMENT_ATTRIBUTES=new Set(["clip-path","color-profile","cursor","fill","filter","marker","marker-end","marker-mid","marker-start","mask","stroke"]),LOCAL_FRAGMENT=/^#[A-Za-z_][\w:.-]*$/,LOCAL_FRAGMENT_URL=/^\s*url\(\s*(['"]?)#([A-Za-z_][\w:.-]*)\1\s*\)\s*$/i,INLINE_RASTER_DATA=/^data:image\/(?:gif|jpeg|png|webp);base64,[a-z\d+/=\s]+$/i,MAX_USE_CLONES=1e5;function useClones(root,scope,memo){let uses=[...scope.querySelectorAll("use")];scope===root&&(uses=uses.filter(use=>use.closest("defs, symbol")===null)),"localName"in scope&&scope.localName==="use"&&uses.push(scope);let total=0;for(const use of uses){const target=root.getElementById((use.getAttribute("href")??use.getAttribute("xlink:href")??"").trim().slice(1));if(!target)continue;let clones=memo.get(target);if(clones===void 0&&(memo.set(target,1/0),clones=1+target.querySelectorAll("*").length+useClones(root,target,memo),memo.set(target,clones)),total+=clones,total>MAX_USE_CLONES)return 1/0}return total}function replaceWithContents(element){const parent=element.parentNode;if(parent){for(;element.firstChild;)parent.insertBefore(element.firstChild,element);element.remove()}}function elementsIncludingTemplateContents(root){const elements=[...root.querySelectorAll("*")];for(let index=0;index<elements.length;index++){const element=elements[index];if(element.localName==="template"&&"content"in element)for(const child of element.content.querySelectorAll("*"))elements.push(child)}return elements}function sanitizePassiveMarkupFragment(sanitizer,raw,ownerDocument,profile="passive-document"){const purified=String(sanitizer.sanitize(raw,profile==="passive-svg"?{USE_PROFILES:{svg:!0,svgFilters:!0},ADD_TAGS:["use"],ADD_ATTR:["href","xlink:href"]}:void 0)),template=ownerDocument.createElement("template");template.innerHTML=purified;for(const element of elementsIncludingTemplateContents(template.content)){const localName=element.localName.toLowerCase();if(REMOVED_ENTIRELY.has(localName)){element.remove();continue}const retainedTransclusionAnchor=profile==="transclusion"&&localName==="a";if(REMOVED_WITH_CONTENT.has(localName)&&!retainedTransclusionAnchor){replaceWithContents(element);continue}if(localName.includes("-")){replaceWithContents(element);continue}for(const attributeName of element.getAttributeNames()){const name=attributeName.toLowerCase(),value=element.getAttribute(attributeName)??"";if(name==="style"||name==="part"||name==="exportparts"||name.startsWith("on")||INTERACTION_ATTRIBUTES.has(name)){element.removeAttribute(attributeName);continue}if(NETWORK_ATTRIBUTES.has(name)){const keepSvgFragment=isSvgElement(element)&&(name==="href"||name==="xlink:href")&&LOCAL_FRAGMENT.test(value.trim()),keepInlineSvgRaster=profile==="passive-svg"&&isSvgElement(element)&&element.localName.toLowerCase()==="image"&&(name==="href"||name==="xlink:href"||name==="src")&&INLINE_RASTER_DATA.test(value.trim()),keepInlineDocumentRaster=profile==="passive-document"&&element.localName.toLowerCase()==="img"&&name==="src"&&INLINE_RASTER_DATA.test(value.trim()),keepTransclusionFragment=profile==="transclusion"&&name==="href"&&LOCAL_FRAGMENT.test(value.trim());!keepSvgFragment&&!keepInlineSvgRaster&&!keepInlineDocumentRaster&&!keepTransclusionFragment&&element.removeAttribute(attributeName);continue}SVG_FRAGMENT_ATTRIBUTES.has(name)&&/url\s*\(|\\/i.test(value)&&(!isSvgElement(element)||!LOCAL_FRAGMENT_URL.test(value))&&element.removeAttribute(attributeName)}profile==="passive-svg"&&!isSvgElement(element)&&replaceWithContents(element)}if(profile==="passive-svg"&&useClones(template.content,template.content,new Map)>MAX_USE_CLONES)throw new LyraResourceLimitError("The SVG expands too many <use> references.");return template.content}function sanitizePassiveMarkup(sanitizer,raw,ownerDocument,profile="passive-document"){const template=ownerDocument.createElement("template");return template.content.append(sanitizePassiveMarkupFragment(sanitizer,raw,ownerDocument,profile)),template.innerHTML}import{isSvgElement}from"../../internal/dom-guards.js";import{LyraResourceLimitError}from"../../internal/resource-loader.js";export{sanitizePassiveMarkup,sanitizePassiveMarkupFragment};

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

@@ -1 +1 @@
-import{unwrapOptionalPeerDefault}from"../../../internal/optional-peer-capabilities.js";import{devWarnOnce}from"../../../internal/dev-mode-attribute-warning.js";const PDF_JS_WARNING_KEY="lyra-pdf-viewer-pdfjs-unavailable",PDF_JS_WARNING="<lr-pdf-viewer> could not load its optional pdfjs-dist peer.";function isPdfJsApi(value){return(typeof value=="object"||typeof value=="function")&&value!==null&&"getDocument"in value&&typeof value.getDocument=="function"&&"GlobalWorkerOptions"in value&&(typeof value.GlobalWorkerOptions=="object"||typeof value.GlobalWorkerOptions=="function")&&value.GlobalWorkerOptions!==null}let pdfjs;const PDF_WORKER_MODULE_SPECIFIER="pdfjs-dist/build/pdf.worker.min.mjs",ALLOWED_WORKER_PROTOCOLS=["http:","https:","blob:","file:"];function defaultWorkerModuleResolver(specifier){const resolver=import.meta.resolve;if(!resolver)return null;try{return resolver(specifier)}catch{return null}}function safeWorkerModuleUrl(value){if(!value)return null;try{const url=new URL(value);return ALLOWED_WORKER_PROTOCOLS.includes(url.protocol)?url.href:null}catch{return null}}function safeAuthoredWorkerUrl(value){if(!value)return null;try{const url=new URL(value,typeof document>"u"?void 0:document.baseURI);return ALLOWED_WORKER_PROTOCOLS.includes(url.protocol)?url.href:null}catch{return null}}function configurePdfJsWorker(pdfjsLib,authoredWorkerSrc,resolveWorkerModule){if(pdfjsLib.GlobalWorkerOptions.workerSrc)return;const workerSrc=safeAuthoredWorkerUrl(authoredWorkerSrc)??safeWorkerModuleUrl(resolveWorkerModule(PDF_WORKER_MODULE_SPECIFIER));workerSrc&&(pdfjsLib.GlobalWorkerOptions.workerSrc=workerSrc)}async function loadPdfJsDeps(importPdfjs=()=>import("pdfjs-dist"),resolveWorkerModule=defaultWorkerModuleResolver,workerSrc){try{const module=await importPdfjs(),direct=isPdfJsApi(module)?module:void 0,defaultExport=unwrapOptionalPeerDefault(module),pdfjsLib=direct??(isPdfJsApi(defaultExport)?defaultExport:null);return pdfjsLib?(configurePdfJsWorker(pdfjsLib,workerSrc,resolveWorkerModule),pdfjsLib):null}catch{return devWarnOnce(PDF_JS_WARNING_KEY,PDF_JS_WARNING),null}}function loadPdfJs(workerSrc){return pdfjs?pdfjs.then(pdfjsLib=>(pdfjsLib&&configurePdfJsWorker(pdfjsLib,workerSrc,defaultWorkerModuleResolver),pdfjsLib)):(pdfjs=loadPdfJsDeps(void 0,void 0,workerSrc),pdfjs)}function clearPdfJsCache(){pdfjs=void 0}export{clearPdfJsCache,loadPdfJs,loadPdfJsDeps};
+import{createOptionalPeerLoader}from"../../../internal/optional-peer-capabilities.js";const PDF_JS_WARNING_KEY="lyra-pdf-viewer-pdfjs-unavailable",PDF_JS_WARNING="<lr-pdf-viewer> could not load its optional pdfjs-dist peer.";function isPdfJsApi(value){return(typeof value=="object"||typeof value=="function")&&value!==null&&"getDocument"in value&&typeof value.getDocument=="function"&&"GlobalWorkerOptions"in value&&(typeof value.GlobalWorkerOptions=="object"||typeof value.GlobalWorkerOptions=="function")&&value.GlobalWorkerOptions!==null}const pdfjs=createOptionalPeerLoader({load:()=>import("pdfjs-dist"),isCapability:isPdfJsApi,warningKey:PDF_JS_WARNING_KEY,warning:PDF_JS_WARNING}),PDF_WORKER_MODULE_SPECIFIER="pdfjs-dist/build/pdf.worker.min.mjs",ALLOWED_WORKER_PROTOCOLS=["http:","https:","blob:","file:"];function defaultWorkerModuleResolver(specifier){const resolver=import.meta.resolve;if(!resolver)return null;try{return resolver(specifier)}catch{return null}}function safeWorkerModuleUrl(value){if(!value)return null;try{const url=new URL(value);return ALLOWED_WORKER_PROTOCOLS.includes(url.protocol)?url.href:null}catch{return null}}function safeAuthoredWorkerUrl(value){if(!value)return null;try{const url=new URL(value,typeof document>"u"?void 0:document.baseURI);return ALLOWED_WORKER_PROTOCOLS.includes(url.protocol)?url.href:null}catch{return null}}function configurePdfJsWorker(pdfjsLib,authoredWorkerSrc,resolveWorkerModule){if(pdfjsLib.GlobalWorkerOptions.workerSrc)return;const workerSrc=safeAuthoredWorkerUrl(authoredWorkerSrc)??safeWorkerModuleUrl(resolveWorkerModule(PDF_WORKER_MODULE_SPECIFIER));workerSrc&&(pdfjsLib.GlobalWorkerOptions.workerSrc=workerSrc)}async function loadPdfJsDeps(importPdfjs,resolveWorkerModule=defaultWorkerModuleResolver,workerSrc){const pdfjsLib=await pdfjs.loadWith(importPdfjs);return pdfjsLib&&configurePdfJsWorker(pdfjsLib,workerSrc,resolveWorkerModule),pdfjsLib}async function loadPdfJs(workerSrc){const pdfjsLib=await pdfjs.get();return pdfjsLib&&configurePdfJsWorker(pdfjsLib,workerSrc,defaultWorkerModuleResolver),pdfjsLib}function clearPdfJsCache(){pdfjs.clear()}export{clearPdfJsCache,loadPdfJs,loadPdfJsDeps};

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

@@ -130,7 +130,7 @@ workerSrc:string;
 /** Anchor kinds this viewer resolves. `page` and page-addressed `region` anchors require an
 * integer within the loaded document's range; unlike the public `page` property, anchors are
 * rejected rather than clamped. */
-readonly anchorKinds:readonly['page','text-quote','region'];private loadState;private readonly pageViewerState;private scrollDrivenPage;private loadLibrary;private generation;private readonly pageCanvases;private readonly pageRenderTasks;private readonly pageRenderVersions;private pageRenderGeneration;private readonly pageCanvasRefs;private readonly textLayerContainers;private readonly textLayerContainerRefs;private readonly textLayers;private readonly textLayerReadyPromises;private readonly pageTextCache;private readonly pageTextTruncated;private readonly pageSearchIndexes;private readonly mountedPageTextIndexes;private pdfTextScopeBuilds;private readonly thumbnailRenderTasks;private readonly thumbnailRenderVersions;private thumbnailRenderGeneration;private readonly pageHighlightItems;private readonly pageHighlightLayerElements;private readonly highlightLayerRefs;private textSelectionCleanup?;private readonly pendingPageMountWaitCancels;private pdfPageSourceCount;private pdfPageSource;private searchMatches;private searchMatchCountExact;private searchActiveIndex;private searchQuery;private searchGeneration;private textIndexLocale?;private pendingSearchResetEvent;private anchorOperationGeneration;private readonly announcements;
+readonly anchorKinds:readonly['page','text-quote','region'];private loadState;private readonly pageViewerState;private scrollDrivenPage;private loadLibrary;private generation;private pendingDocument?;private readonly pageCanvases;private readonly pageRenderTasks;private readonly pageRenderVersions;private pageRenderGeneration;private readonly pageCanvasRefs;private readonly textLayerContainers;private readonly textLayerContainerRefs;private readonly textLayers;private readonly textLayerReadyPromises;private readonly pageTextCache;private readonly pageTextTruncated;private readonly pageSearchIndexes;private readonly mountedPageTextIndexes;private pdfTextScopeBuilds;private readonly thumbnailRenderTasks;private readonly thumbnailRenderVersions;private thumbnailRenderGeneration;private readonly pageHighlightItems;private readonly pageHighlightLayerElements;private readonly highlightLayerRefs;private textSelectionCleanup?;private readonly pendingPageMountWaitCancels;private pdfPageSourceCount;private pdfPageSource;private readonly searchState;private get searchMatches();private set searchMatches(value);private get searchActiveIndex();private set searchActiveIndex(value);private searchGeneration;private textIndexLocale?;private pendingSearchResetEvent;private anchorOperationGeneration;private readonly announcements;
 /**
 * Atomic readonly state for page-rail and other page-addressed integrations. Unlike the legacy
 * `lr-load`/`lr-page-change` pair, a late subscriber can read this immediately, and `identity`
@@ -142,7 +142,7 @@ get pageViewerSnapshot():LyraPageViewerSnapshot;
 *  every consumer runs) the moment anything assigns to it, including a stray
 *  `.pageViewerSnapshot=${x}` template binding; this no-op keeps that assignment harmless
 *  instead of throwing from inside framework internals. */
-set pageViewerSnapshot(_value:LyraPageViewerSnapshot);private focusedToolbarPart;private keepToolbarFocus;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;firstUpdated(changed:PropertyValues):void;private readonly detached;connectedCallback():void;disconnectedCallback():void;private teardownDetachedDocument;adoptedCallback():void;private cancelPendingPageMountWaits;private destroyLoadedDoc;private clampPage;private publishPageViewerSnapshot;private createPageSource;private indexedPages;private load;nextPage():void;previousPage():void;zoomIn():void;zoomOut():void;
+set pageViewerSnapshot(_value:LyraPageViewerSnapshot);private focusedToolbarPart;private keepToolbarFocus;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;firstUpdated(changed:PropertyValues):void;private readonly detached;connectedCallback():void;disconnectedCallback():void;private teardownDetachedDocument;adoptedCallback():void;private cancelPendingPageMountWaits;private destroyLoadedDoc;private retirePendingDocument;private clampPage;private publishPageViewerSnapshot;private createPageSource;private indexedPages;private load;nextPage():void;previousPage():void;zoomIn():void;zoomOut():void;
 /** Sets `page` and resolves once the target page's canvas has actually mounted inside the
 *  virtualized list (bounded by a timeout, so a page that somehow never mounts can't hang this
 *  promise forever). Resolves `false` without changing `page` for an out-of-range value. */
@@ -177,4 +177,4 @@ searchNext():Promise<boolean>;
 searchPrevious():Promise<boolean>;
 /** Clears the query, matches, and any painted marks, and resets `lr-search-change` to a
 *  0-match/no-active-index state. */
-clearSearch():void;private hasSearchState;private resetSearchState;private emitSearchChange;private focusSearchMatch;private clearSearchPaint;private paintSearchMatches;private remainingSearchMarkBudget;private resolveMountedPageHighlights;private mountedPagesForHighlight;private resolveHighlightRectsForPage;private highlightLayerRef;private onPageClick;private onHighlightLayerActivate;private renderToolbar;private renderPage;private setPageError;private renderTextLayer;private markTextRunParts;private pageCanvasRef;private textLayerContainerRef;private renderPageItem;private onVisibleRangeChanged;private stopInternalEvent;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-pdf-viewer':LyraPdfViewer;}}export{};
+clearSearch():void;private resetSearchState;private focusSearchMatch;private clearSearchPaint;private paintSearchMatches;private remainingSearchMarkBudget;private resolveMountedPageHighlights;private mountedPagesForHighlight;private resolveHighlightRectsForPage;private highlightLayerRef;private onPageClick;private onHighlightLayerActivate;private renderToolbar;private renderPage;private setPageError;private renderTextLayer;private markTextRunParts;private pageCanvasRef;private textLayerContainerRef;private renderPageItem;private onVisibleRangeChanged;private stopInternalEvent;private renderBody;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-pdf-viewer':LyraPdfViewer;}}export{};