@aceshooting/lyra-ui 29.0.2 → 29.1.0

package/dist/components/media/av-player/av-player.class.js

@@ -1,15 +1,15 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{keyed}from"lit/directives/keyed.js";import{ref}from"lit/directives/ref.js";import{literalSetConverter}from"../../../internal/converters.js";import{tag}from"../../../internal/prefix.js";import{LyraElement}from"../../../internal/lyra-element.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{MAX_NATIVE_PLAYBACK_RATE as MAX_PLAYBACK_RATE,MIN_NATIVE_PLAYBACK_RATE as MIN_PLAYBACK_RATE,NativeMediaController,safeNativeMediaSource as safeMediaSrc}from"../../../internal/media-controller.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{finiteNumber,finiteRange}from"../../../internal/numbers.js";import{attachInternalsSafely}from"../../../internal/element-internals.js";import{resolveCanvasColor}from"../../../internal/canvas-color.js";import{chevronIcon}from"../../../internal/icons.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{formatMediaTime}from"../../../internal/media-time.js";import{ThemeWatcher}from"../../../internal/theme-watcher.js";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{styles}from"./av-player.styles.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{resolveBoundedCanvasAllocation}from"../../../internal/canvas.js";import{EMPTY_LYRA_AV_CUES,EMPTY_LYRA_AV_TRACKS,snapshotLyraAvCues,snapshotLyraAvTracks}from"./av-metadata.js";import{LYRA_DEFAULT_avPlayerFailedToLoad,LYRA_DEFAULT_avPlayerLabel,LYRA_DEFAULT_avPlayerPlaybackRate,LYRA_DEFAULT_avPlayerPosition,LYRA_DEFAULT_avPlayerRateOption,LYRA_DEFAULT_avPlayerTimeline,LYRA_DEFAULT_avPlayerTranscript,LYRA_DEFAULT_viewerHighlightLabel}from"../../../internal/default-strings/media.generated.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound}from"../../../internal/default-strings/shared.generated.js";const CONTROLS_SURFACE=literalSetConverter(["regular","clear"],"regular"),TIME_CHANGE_THROTTLE_MS=250,MAX_AV_RATES=32,MAX_AV_PEAKS=65536,MAX_CANVAS_DIMENSION=4096,MAX_CANVAS_PIXELS=8388608,OWNED_AV_COLLECTIONS=new WeakSet,NO_REPORTED_ERROR=Symbol("no-reported-av-error");function ownedSnapshot(values){const snapshot=Object.freeze(values);return OWNED_AV_COLLECTIONS.add(snapshot),snapshot}const EMPTY_RATES=ownedSnapshot([]),DEFAULT_RATES=ownedSnapshot([.75,1,1.25,1.5,2]),EMPTY_CUES=EMPTY_LYRA_AV_CUES,EMPTY_PEAKS=ownedSnapshot([]),EMPTY_TRACKS=EMPTY_LYRA_AV_TRACKS;function normalizeArray(value,limit,normalize,fallback){try{if(!Array.isArray(value))return fallback;if(OWNED_AV_COLLECTIONS.has(value))return value;const result=[],length=Math.min(value.length,limit);for(let index=0;index<length;index++)try{const normalized=normalize(value[index],index);normalized!==void 0&&result.push(normalized)}catch{}return ownedSnapshot(result)}catch{return fallback}}function normalizeRates(value){const seen=new Set;return normalizeArray(value,MAX_AV_RATES,candidate=>{if(!(typeof candidate!="number"||!Number.isFinite(candidate)||candidate<MIN_PLAYBACK_RATE||candidate>MAX_PLAYBACK_RATE||seen.has(candidate)))return seen.add(candidate),candidate},EMPTY_RATES)}function normalizePeaks(value){return normalizeArray(value,MAX_AV_PEAKS,candidate=>typeof candidate=="number"?finiteRange(candidate,0,0,1):void 0,EMPTY_PEAKS)}function positiveFinite(value){const finite=finiteNumber(value,1);return finite>0?finite:1}function waveformPaintPeaks(peaks,maxBars){const barCount=Math.max(1,Math.floor(finiteNumber(maxBars,1)));if(peaks.length<=barCount)return peaks;const finalIndex=peaks.length-1;if(barCount===1)return[finiteRange(peaks[finalIndex],0,0,1)];const result=new Array(barCount),preEndpointBars=barCount-1;for(let barIndex=0;barIndex<preEndpointBars;barIndex+=1){const start=Math.floor(barIndex*finalIndex/preEndpointBars),end=Math.floor((barIndex+1)*finalIndex/preEndpointBars);let peak=0;for(let sampleIndex=start;sampleIndex<end;sampleIndex+=1)peak=Math.max(peak,finiteRange(peaks[sampleIndex],0,0,1));result[barIndex]=peak}return result[preEndpointBars]=finiteRange(peaks[finalIndex],0,0,1),result}class LyraAvPlayerBase extends LyraElement{}class LyraAvPlayer extends DocumentAnchorTarget(LyraAvPlayerBase){static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,avPlayerFailedToLoad:LYRA_DEFAULT_avPlayerFailedToLoad,avPlayerLabel:LYRA_DEFAULT_avPlayerLabel,avPlayerPlaybackRate:LYRA_DEFAULT_avPlayerPlaybackRate,avPlayerPosition:LYRA_DEFAULT_avPlayerPosition,avPlayerRateOption:LYRA_DEFAULT_avPlayerRateOption,avPlayerTimeline:LYRA_DEFAULT_avPlayerTimeline,avPlayerTranscript:LYRA_DEFAULT_avPlayerTranscript,viewerHighlightLabel:LYRA_DEFAULT_viewerHighlightLabel}}static{this.styles=[LyraElement.styles,styles,srOnly]}static{this.properties={playbackRate:{type:Number,attribute:"playback-rate",reflect:!0,noAccessor:!0},volume:{type:Number,reflect:!0,noAccessor:!0}}}get playbackRate(){return this._playbackRate}set playbackRate(next){const old=this._playbackRate;this._playbackRate=finiteRange(next,1,MIN_PLAYBACK_RATE,MAX_PLAYBACK_RATE),this.requestUpdate("playbackRate",old)}get volume(){return this._volume}set volume(next){const old=this._volume;this._volume=finiteRange(next,1,0,1),this.requestUpdate("volume",old)}get rates(){return this._rates}set rates(value){if(value===this.inputs.rates)return;this.inputs.rates=value;const previous=this._rates;this._rates=normalizeRates(value),this.requestUpdate("rates",previous)}get cues(){return this._cues}set cues(value){if(value===this.inputs.cues)return;this.inputs.cues=value;const previous=this._cues;if(this._cues=snapshotLyraAvCues(value),this._cues!==previous){const starts=[...new Set(this._cues.map(cue=>cue.start))].sort((a,b)=>a-b);this.nextCueStarts=new Map;for(let index=0;index<starts.length;index+=1)this.nextCueStarts.set(starts[index],starts[index+1]??1/0)}this.requestUpdate("cues",previous)}get peaks(){return this._peaks}set peaks(value){if(value===this.inputs.peaks)return;this.inputs.peaks=value;const previous=this._peaks;this._peaks=normalizePeaks(value),this.requestUpdate("peaks",previous)}get tracks(){return this._tracks}set tracks(value){if(value===this.inputs.tracks)return;this.inputs.tracks=value;const previous=this._tracks;this._tracks=snapshotLyraAvTracks(value),this.requestUpdate("tracks",previous)}constructor(){super(),this.src="",this.name="",this.mimeType="",this.poster="",this.loop=!1,this.muted=!1,this.preload="metadata",this._playbackRate=1,this._volume=1,this.controlsSurface="regular",this.inputs={},this._rates=DEFAULT_RATES,this._cues=EMPTY_CUES,this.nextCueStarts=new Map,this._peaks=EMPTY_PEAKS,this._tracks=EMPTY_TRACKS,this.anchorKinds=["time-range"],this.duration=0,this.currentTimeState=0,this.activeCueId=null,this.activeCueIndex=-1,this.searchQuery="",this.searchMatches=[],this.activeSearchIndex=-1,this.metadataLoaded=!1,this.sourceError=!1,this.playbackError=!1,this.mediaController=new NativeMediaController(this,{onEvent:event=>this.onNativeMediaEvent(event)}),this.semanticInternals=attachInternalsSafely(this),this.lastTimeChangeAt=0,this.searchLocale="",this.transcriptLocale="",this.searchMatchIndices=new Set,this.cueKeys=[],this.announcements=new AnnouncementSinkController(this,{eager:["assertive"]}),this.waveformVisible=!1,this.waveformDirty=!1,this.pendingSeekEmission=null,this.lastEmittedTime=null,this.lastReportedSourceError=NO_REPORTED_ERROR,this.connectionEventBaselinePending=!0,this.onMediaFocus=event=>{relayNativeEvent(this,event)},this.onMediaBlur=event=>{relayNativeEvent(this,event)},this.onWindowResize=()=>this.drawWaveform(),this.canvasRef=el=>{if(!el){this.unbindWaveformResizeObserver();return}this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.drawWaveform()},this.mediaRef=el=>{const media=el?.localName==="audio"||el?.localName==="video"?el:void 0;this.mediaController.attach(media)},this.onPlaybackFailure=error=>{this.playbackError=!0,this.announceRenderError(),this.emit("lr-render-error",{error})},this.onHighlightActivate=(id,start)=>{this.activeHighlightId=id,this.seek(start),this.emit("lr-highlight-activate",{highlightId:id})},this.onTimelineClick=event=>{if(!this.duration)return;const rect=event.currentTarget.getBoundingClientRect();if(rect.width<=0)return;const ratio=Math.min(1,Math.max(0,(event.clientX-rect.left)/rect.width));this.seek(ratio*this.duration)},this.onTimelineKeyDown=event=>{if(!(this.duration>0))return;const delta=event.shiftKey?15:5;switch(event.key){case"ArrowLeft":event.preventDefault(),this.seek(Math.max(0,this.currentTime-delta));break;case"ArrowRight":event.preventDefault(),this.seek(Math.min(this.duration,this.currentTime+delta));break;case"Home":event.preventDefault(),this.seek(0);break;case"End":event.preventDefault(),this.seek(this.duration);break;case" ":event.preventDefault(),this.toggle();break;default:return}},this.cueKey=(_cue,index)=>this.cueKeys[index]??`index:${index}`,this.renderCue=(cue,index)=>{const c=cue,start=this.safeCueStart(c),isActive=this.activeCueIndex===index,isMatch=this.searchMatchIndices.has(index),isActiveMatch=index===this.searchMatches[this.activeSearchIndex],part=["cue",isActive?"cue-current":"",isMatch?"cue-match":"",isActiveMatch?"cue-active-match":""].filter(Boolean).join(" ");return html`<button
+import{__decorate}from"tslib";import{AvCueSourceController}from"./av-player-cue-source-controller.js";import{AvCueIndex}from"./av-cue-index.js";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{keyed}from"lit/directives/keyed.js";import{ref}from"lit/directives/ref.js";import{literalSetConverter}from"../../../internal/converters.js";import{tag}from"../../../internal/prefix.js";import{LyraElement}from"../../../internal/lyra-element.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{MAX_NATIVE_PLAYBACK_RATE as MAX_PLAYBACK_RATE,MIN_NATIVE_PLAYBACK_RATE as MIN_PLAYBACK_RATE,NativeMediaController,safeNativeMediaSource as safeMediaSrc}from"../../../internal/media-controller.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{finiteNumber,finiteRange}from"../../../internal/numbers.js";import{attachInternalsSafely}from"../../../internal/element-internals.js";import{resolveCanvasColor}from"../../../internal/canvas-color.js";import{chevronIcon}from"../../../internal/icons.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{formatMediaTime}from"../../../internal/media-time.js";import{ThemeWatcher}from"../../../internal/theme-watcher.js";import{relayNativeEvent}from"../../../internal/native-event-relay.js";import{styles}from"./av-player.styles.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{resolveBoundedCanvasAllocation}from"../../../internal/canvas.js";import{sourceCount,sourceRevision}from"../../../internal/source-request-controller.js";import{EMPTY_LYRA_AV_CUES,EMPTY_LYRA_AV_TRACKS,snapshotLyraAvCues,snapshotLyraAvTracks}from"./av-metadata.js";import{LYRA_DEFAULT_avPlayerFailedToLoad,LYRA_DEFAULT_avPlayerLabel,LYRA_DEFAULT_avPlayerPlaybackRate,LYRA_DEFAULT_avPlayerPosition,LYRA_DEFAULT_avPlayerRateOption,LYRA_DEFAULT_avPlayerTimeline,LYRA_DEFAULT_avPlayerTranscript,LYRA_DEFAULT_avPlayerTranscriptUnavailable,LYRA_DEFAULT_avPlayerWaveformUnavailable,LYRA_DEFAULT_viewerHighlightLabel}from"../../../internal/default-strings/media.generated.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_loading,LYRA_DEFAULT_sourceSearchUnavailable}from"../../../internal/default-strings/shared.generated.js";const CONTROLS_SURFACE=literalSetConverter(["regular","clear"],"regular"),TIME_CHANGE_THROTTLE_MS=250,MAX_AV_RATES=32,MAX_AV_PEAKS=65536,MAX_CANVAS_DIMENSION=4096,MAX_CANVAS_PIXELS=8388608,OWNED_AV_COLLECTIONS=new WeakSet,NO_REPORTED_ERROR=Symbol("no-reported-av-error");function ownedSnapshot(values){const snapshot=Object.freeze(values);return OWNED_AV_COLLECTIONS.add(snapshot),snapshot}const EMPTY_RATES=ownedSnapshot([]),DEFAULT_RATES=ownedSnapshot([.75,1,1.25,1.5,2]),EMPTY_CUES=EMPTY_LYRA_AV_CUES,EMPTY_PEAKS=ownedSnapshot([]),EMPTY_TRACKS=EMPTY_LYRA_AV_TRACKS;function normalizeArray(value,limit,normalize,fallback){try{if(!Array.isArray(value))return fallback;if(OWNED_AV_COLLECTIONS.has(value))return value;const result=[],length=Math.min(value.length,limit);for(let index=0;index<length;index++)try{const normalized=normalize(value[index],index);normalized!==void 0&&result.push(normalized)}catch{}return ownedSnapshot(result)}catch{return fallback}}function normalizeRates(value){const seen=new Set;return normalizeArray(value,MAX_AV_RATES,candidate=>{if(!(typeof candidate!="number"||!Number.isFinite(candidate)||candidate<MIN_PLAYBACK_RATE||candidate>MAX_PLAYBACK_RATE||seen.has(candidate)))return seen.add(candidate),candidate},EMPTY_RATES)}function normalizePeaks(value){return normalizeArray(value,MAX_AV_PEAKS,candidate=>typeof candidate=="number"?finiteRange(candidate,0,0,1):void 0,EMPTY_PEAKS)}function waveformField(value,name){if(!value||typeof value!="object")throw new TypeError("Invalid waveform record");const field=Object.getOwnPropertyDescriptor(value,name);if(!field||!("value"in field))throw new TypeError("Invalid waveform field");return field.value}function waveformAmplitude(value){if(typeof value!="number"||!Number.isFinite(value)||value<0||value>1)throw new RangeError("Invalid waveform amplitude");return value}function snapshotWaveform(value){const revision=sourceRevision(waveformField(value,"revision")),sampleCount=sourceCount(waveformField(value,"sampleCount")),duration=waveformField(value,"duration");if(typeof duration!="number"||!Number.isFinite(duration)||duration<0)throw new RangeError("Invalid waveform duration");const counts=waveformField(value,"counts"),source=sourceCount(waveformField(counts,"sourceCount")),valid=sourceCount(waveformField(counts,"validCount")),invalid=sourceCount(waveformField(counts,"invalidCount"));if(source!==sampleCount||valid>source||invalid!==source-valid)throw new RangeError("Invalid waveform counts");const input=waveformField(value,"buckets");if(!Array.isArray(input))throw new TypeError("Invalid waveform buckets");const length=sourceCount(waveformField(input,"length"));if(length>MAX_AV_PEAKS)throw new RangeError("Invalid waveform buckets");const buckets=[];let next=0;for(let index=0;index<length;index++){const bucket=waveformField(input,index),startIndex=sourceCount(waveformField(bucket,"startIndex")),endIndex=sourceCount(waveformField(bucket,"endIndex")),maxAmplitude=waveformAmplitude(waveformField(bucket,"maxAmplitude"));if(startIndex!==next||endIndex<=startIndex||endIndex>sampleCount||!valid&&maxAmplitude!==0)throw new RangeError("Invalid waveform interval");buckets.push(Object.freeze({startIndex,endIndex,maxAmplitude})),next=endIndex}if(next!==sampleCount)throw new RangeError("Incomplete waveform coverage");const first=waveformField(value,"firstAmplitude"),last=waveformField(value,"lastAmplitude"),firstAmplitude=first===null?null:waveformAmplitude(first),lastAmplitude=last===null?null:waveformAmplitude(last);if(!valid&&(firstAmplitude!==null||lastAmplitude!==null)||firstAmplitude!==null&&firstAmplitude>buckets[0].maxAmplitude||lastAmplitude!==null&&lastAmplitude>buckets.at(-1).maxAmplitude)throw new RangeError("Invalid waveform endpoints");return Object.freeze({revision,sampleCount,duration,counts:Object.freeze({sourceCount:source,validCount:valid,invalidCount:invalid}),buckets:Object.freeze(buckets),firstAmplitude,lastAmplitude})}function preparedWaveformPeaks(waveform,maxBars){const barCount=Math.max(1,Math.min(MAX_CANVAS_DIMENSION,Math.floor(finiteNumber(maxBars,1)))),peaks=new Array(barCount).fill(0);let bucketIndex=0,bar=0;for(;bucketIndex<waveform.buckets.length&&bar<barCount;){const bucket=waveform.buckets[bucketIndex];peaks[bar]=Math.max(peaks[bar],bucket.maxAmplitude);const bucketEnd=bucket.endIndex/waveform.sampleCount,barEnd=(bar+1)/barCount;bucketEnd<=barEnd&&bucketIndex++,barEnd<=bucketEnd&&bar++}return peaks}function positiveFinite(value){const finite=finiteNumber(value,1);return finite>0?finite:1}function waveformPaintPeaks(peaks,maxBars){const barCount=Math.max(1,Math.floor(finiteNumber(maxBars,1)));if(peaks.length<=barCount)return peaks;const finalIndex=peaks.length-1;if(barCount===1)return[finiteRange(peaks[finalIndex],0,0,1)];const result=new Array(barCount),preEndpointBars=barCount-1;for(let barIndex=0;barIndex<preEndpointBars;barIndex+=1){const start=Math.floor(barIndex*finalIndex/preEndpointBars),end=Math.floor((barIndex+1)*finalIndex/preEndpointBars);let peak=0;for(let sampleIndex=start;sampleIndex<end;sampleIndex+=1)peak=Math.max(peak,finiteRange(peaks[sampleIndex],0,0,1));result[barIndex]=peak}return result[preEndpointBars]=finiteRange(peaks[finalIndex],0,0,1),result}class LyraAvPlayerBase extends LyraElement{}class LyraAvPlayer extends DocumentAnchorTarget(LyraAvPlayerBase){static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,avPlayerFailedToLoad:LYRA_DEFAULT_avPlayerFailedToLoad,avPlayerLabel:LYRA_DEFAULT_avPlayerLabel,avPlayerPlaybackRate:LYRA_DEFAULT_avPlayerPlaybackRate,avPlayerPosition:LYRA_DEFAULT_avPlayerPosition,avPlayerRateOption:LYRA_DEFAULT_avPlayerRateOption,avPlayerTimeline:LYRA_DEFAULT_avPlayerTimeline,avPlayerTranscript:LYRA_DEFAULT_avPlayerTranscript,avPlayerTranscriptUnavailable:LYRA_DEFAULT_avPlayerTranscriptUnavailable,avPlayerWaveformUnavailable:LYRA_DEFAULT_avPlayerWaveformUnavailable,loading:LYRA_DEFAULT_loading,sourceSearchUnavailable:LYRA_DEFAULT_sourceSearchUnavailable,viewerHighlightLabel:LYRA_DEFAULT_viewerHighlightLabel}}static{this.styles=[LyraElement.styles,styles,srOnly]}static{this.properties={playbackRate:{type:Number,attribute:"playback-rate",reflect:!0,noAccessor:!0},volume:{type:Number,reflect:!0,noAccessor:!0}}}get playbackRate(){return this._playbackRate}set playbackRate(next){const old=this._playbackRate;this._playbackRate=finiteRange(next,1,MIN_PLAYBACK_RATE,MAX_PLAYBACK_RATE),this.requestUpdate("playbackRate",old)}get volume(){return this._volume}set volume(next){const old=this._volume;this._volume=finiteRange(next,1,0,1),this.requestUpdate("volume",old)}get rates(){return this._rates}set rates(value){if(value===this.inputs.rates)return;this.inputs.rates=value;const previous=this._rates;this._rates=normalizeRates(value),this.requestUpdate("rates",previous)}get cues(){return this._cues}set cues(value){if(value===this.inputs.cues)return;this.inputs.cues=value;const previous=this._cues;this._cueSource===null&&(this._cues=snapshotLyraAvCues(value)),this.requestUpdate("cues",previous)}get cueSource(){return this._cueSource}set cueSource(value){const previous=this._cueSource;this._cueSource=value,this.requestUpdate("cueSource",previous),value===previous&&this.requestUpdate("cueSourceRebind",null)}captureCueSource(){if(!this.cueSourceDirty)return;this.cueSourceDirty=!1;const generation=this.cueSourceGeneration,input=this._cueSource;if(input!==null){if(this.cueSourceController.bind(input,()=>generation===this.cueSourceGeneration&&input===this._cueSource),generation!==this.cueSourceGeneration||input!==this._cueSource)return;this.searchLocale="",this.cueIndex=void 0,this.indexedCues=void 0,this.cueKeys=[],this.searchMatches=[],this.searchMatchIndices=new Set,this.cueSourceController.updateTime(this.currentTime)}else this.searchLocale="",this._cues=snapshotLyraAvCues(this.inputs.cues??EMPTY_CUES),this.rebuildCueKeys(),this.metadataLoaded&&this.reconcileActiveCue();this.refreshTranscriptRenderItem()}get peaks(){return this._peaks}set peaks(value){if(value===this.inputs.peaks)return;this.inputs.peaks=value;const previous=this._peaks,previousInvalid=this.peaksInvalid;try{this.peaksInvalid=Array.isArray(value)&&sourceCount(waveformField(value,"length"))>MAX_AV_PEAKS}catch{this.peaksInvalid=!0}this._peaks=this.peaksInvalid?EMPTY_PEAKS:normalizePeaks(value),this.requestUpdate("peaks",previous),previousInvalid!==this.peaksInvalid&&this.requestUpdate("waveformValidity",previousInvalid)}get waveform(){return this._waveform}set waveform(value){const old=this._waveform;this._waveform=value,this.requestUpdate("waveform",old),value===old&&this.requestUpdate()}requestUpdate(...args){(args[0]===void 0||args[0]==="cueSource"||args[0]==="cueSourceRebind")&&(this.cueSourceDirty=!0,this.cueSourceGeneration=(this.cueSourceGeneration??0)+1,this.cueSourceController&&(this.cueSourceController.revoke(),(this._cueSource!==null||args[0]==="cueSource"&&args[1]!==null)&&this.setActiveCue(null,-1))),(args[0]===void 0||args[0]==="waveform")&&(this.waveformInputDirty=!0,this.waveformInputGeneration=(this.waveformInputGeneration??0)+1),super.requestUpdate(...args)}captureWaveform(){if(!this.waveformInputDirty)return;this.waveformInputDirty=!1;const generation=this.waveformInputGeneration,input=this._waveform;let snapshot,invalid=!1;if(input!==null)try{snapshot=snapshotWaveform(input)}catch{invalid=!0}generation!==this.waveformInputGeneration||input!==this._waveform||(this.waveformInputChanged=!0,this.waveformSnapshot=snapshot,this.waveformInvalid=invalid)}get waveformUnavailable(){if(this._waveform===null)return this.peaksInvalid;if(this.waveformInvalid)return!0;const waveform=this.waveformSnapshot;if(!waveform||!this.metadataLoaded||!(this.duration>0))return!1;const tolerance=.001+Number.EPSILON*Math.max(this.duration,waveform.duration)*4;return Math.abs(this.duration-waveform.duration)>tolerance}get hasWaveform(){return!this.waveformUnavailable&&(this._waveform!==null?(this.waveformSnapshot?.buckets.length??0)>0:this.peaks.length>0)}get tracks(){return this._tracks}set tracks(value){if(value===this.inputs.tracks)return;this.inputs.tracks=value;const previous=this._tracks;this._tracks=snapshotLyraAvTracks(value),this.requestUpdate("tracks",previous)}constructor(){super(),this.src="",this.name="",this.mimeType="",this.poster="",this.loop=!1,this.muted=!1,this.preload="metadata",this._playbackRate=1,this._volume=1,this.controlsSurface="regular",this.inputs={},this._rates=DEFAULT_RATES,this._cues=EMPTY_CUES,this.indexedCueDuration=-1,this._cueSource=null,this.cueSourceDirty=!0,this.cueSourceGeneration=0,this.cueSourceContinuationQueued=!1,this.transcriptFailureAnnounced=!1,this.searchFailureAnnounced=!1,this.cueSourceController=new AvCueSourceController(this,{locale:()=>this.effectiveLocale,changed:()=>{this.refreshTranscriptRenderItem(),this.requestUpdate("cueSourceState",null)},searchChanged:detail=>this.emit("lr-search-change",detail),reveal:(index,current)=>this.revealSourceCue(index,this.cueSourceController.epoch,current),activeChanged:(cueId,index)=>{const epoch=this.cueSourceController.epoch;this.setActiveCue(cueId,index),index>=0&&this.cueSourceController.isCurrent(epoch)&&this.revealSourceCue(index,epoch)}}),this._peaks=EMPTY_PEAKS,this.peaksInvalid=!1,this._waveform=null,this.waveformInputDirty=!0,this.waveformInputGeneration=0,this.waveformContinuationQueued=!1,this.waveformInputChanged=!1,this.waveformInvalid=!1,this.waveformFailureAnnounced=!1,this._tracks=EMPTY_TRACKS,this.anchorKinds=["time-range"],this.duration=0,this.currentTimeState=0,this.activeCueId=null,this.activeCueIndex=-1,this.searchQuery="",this.searchMatches=[],this.activeSearchIndex=-1,this.metadataLoaded=!1,this.sourceError=!1,this.playbackError=!1,this.mediaController=new NativeMediaController(this,{onEvent:event=>this.onNativeMediaEvent(event)}),this.semanticInternals=attachInternalsSafely(this),this.lastTimeChangeAt=0,this.searchLocale="",this.transcriptLocale="",this.searchMatchIndices=new Set,this.cueKeys=[],this.announcements=new AnnouncementSinkController(this,{eager:["assertive"]}),this.waveformVisible=!1,this.waveformDirty=!1,this.pendingSeekEmission=null,this.lastEmittedTime=null,this.lastReportedSourceError=NO_REPORTED_ERROR,this.connectionEventBaselinePending=!0,this.onMediaFocus=event=>{relayNativeEvent(this,event)},this.onMediaBlur=event=>{relayNativeEvent(this,event)},this.onWindowResize=()=>this.drawWaveform(),this.canvasRef=el=>{if(!el){this.unbindWaveformResizeObserver();return}this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.drawWaveform()},this.mediaRef=el=>{const media=el?.localName==="audio"||el?.localName==="video"?el:void 0;this.mediaController.attach(media)},this.onPlaybackFailure=error=>{this.playbackError=!0,this.announceRenderError(),this.emit("lr-render-error",{error})},this.onHighlightActivate=(id,start)=>{this.activeHighlightId=id,this.seek(start),this.emit("lr-highlight-activate",{highlightId:id})},this.onTimelineClick=event=>{if(!this.duration)return;const rect=event.currentTarget.getBoundingClientRect();if(rect.width<=0)return;const ratio=Math.min(1,Math.max(0,(event.clientX-rect.left)/rect.width));this.seek(ratio*this.duration)},this.onTimelineKeyDown=event=>{if(!(this.duration>0))return;const delta=event.shiftKey?15:5;switch(event.key){case"ArrowLeft":event.preventDefault(),this.seek(Math.max(0,this.currentTime-delta));break;case"ArrowRight":event.preventDefault(),this.seek(Math.min(this.duration,this.currentTime+delta));break;case"Home":event.preventDefault(),this.seek(0);break;case"End":event.preventDefault(),this.seek(this.duration);break;case" ":event.preventDefault(),this.toggle();break;default:return}},this.cueKey=(_cue,index)=>this.cueKeys[index]??`index:${index}`,this.renderCue=(cue,index)=>{const sourceMode=this._cueSource!==null,slot=sourceMode?cue:void 0;if(slot&&slot.state!=="ready")return html`<div part="cue" aria-disabled="true">${slot.state==="loading"?this.localize("loading"):this.localize("avPlayerTranscriptUnavailable")}</div>`;const c=slot?.state==="ready"?slot.value:cue,epoch=this.cueSourceController.epoch,start=sourceMode?c.start:this.safeCueStart(c),isActive=this.activeCueIndex===index,isMatch=sourceMode?this.cueSourceController.matches(c):this.searchMatchIndices.has(index),isActiveMatch=sourceMode?this.cueSourceController.selected?.index===index&&this.cueSourceController.selected.cue.cueId===c.cueId:index===this.searchMatches[this.activeSearchIndex],part=["cue",isActive?"cue-current":"",isMatch?"cue-match":"",isActiveMatch?"cue-active-match":""].filter(Boolean).join(" ");return html`<button
       part=${part}
       type="button"
       aria-current=${isActive?"true":"false"}
       ?data-match=${isMatch}
       ?data-active-match=${isActiveMatch}
-      @click=${()=>this.seek(start)}
+      @click=${()=>{(sourceMode?this.cueSourceController.isCurrent(epoch):this._cueSource===null)&&this.seek(start)}}
     >
       <span part="cue-time">${formatMediaTime(start,this.effectiveLocale)}</span>
       ${c.speaker?html`<span part="cue-speaker">${c.speaker}</span>`:nothing}
       <span part="cue-text">${c.text}</span>
-    </button>`},this.transcriptRenderItem=this.renderCue,new ThemeWatcher(this,()=>{this.peaks.length>0&&this.drawWaveform()})}get mediaEl(){return this.mediaController.element}focus(options){this.mediaEl?.focus(options)}blur(){this.mediaEl?.blur()}click(){this.mediaEl?.click()}get currentTime(){return this.mediaController.currentTime}set currentTime(value){this.mediaController.currentTime=value,this.currentTimeState=this.mediaController.currentTime}detectedKind(){return this.kind==="audio"||this.kind==="video"?this.kind:(this.mimeType??"").startsWith("audio/")?"audio":"video"}get effectivePreload(){return this.preload==="none"||this.preload==="auto"?this.preload:"metadata"}willUpdate(changed){super.willUpdate(changed),changed.has("controlsSurface")&&(this.controlsSurface=CONTROLS_SURFACE.normalizeReflected(this,"controls-surface",this.controlsSurface)),this.semanticInternals.role=hostAriaLabel(this)!==null?"region":null;const mayEmitConnectionTransition=this.isConnected&&!this.connectionEventBaselinePending,locale=this.effectiveLocale;let refreshTranscript=!1;if(changed.has("kind")&&this.kind!==void 0&&this.kind!=="audio"&&this.kind!=="video"&&(this.kind=void 0),changed.has("preload")&&this.preload!==this.effectivePreload&&(this.preload=this.effectivePreload),changed.has("cues")&&(this.rebuildCueKeys(),this.metadataLoaded&&this.reconcileActiveCue()),this.transcriptLocale!==locale&&(this.transcriptLocale=locale,refreshTranscript=!0),this.hasUpdated&&(changed.has("src")||changed.has("kind")||changed.has("mimeType"))&&(this.duration=0,this.currentTimeState=0,this.activeCueId=null,this.activeCueIndex=-1,this.metadataLoaded=!1,this.sourceError=!1,this.playbackError=!1,this.lastTimeChangeAt=0,this.pendingSeekEmission=null,this.lastEmittedTime=null,this.lastReportedSourceError=NO_REPORTED_ERROR,this.mediaController.startGeneration(),changed.has("src")&&this.src&&!safeMediaSrc(this.src))){const error=new TypeError("The media source URL is not allowed.");mayEmitConnectionTransition&&(this.announceRenderError(),this.emit("lr-render-error",{error}))}this.searchQuery&&(changed.has("cues")||this.searchLocale!==locale)&&(this.reconcileSearchMatches(changed.get("cues")),refreshTranscript=!0),refreshTranscript&&this.refreshTranscriptRenderItem()}updated(changed){super.updated(changed),changed.has("playbackRate")&&(this.mediaController.playbackRate=this.playbackRate,changed.get("playbackRate")!==void 0&&this.emit("lr-rate-change",{rate:this.playbackRate})),changed.has("volume")&&(this.mediaController.volume=this.volume),changed.has("muted")&&(this.mediaController.muted=this.muted),changed.has("peaks")&&(this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.drawWaveform()),this.isConnected&&(this.connectionEventBaselinePending=!1)}connectedCallback(){super.connectedCallback(),this.connectionEventBaselinePending=!0,this.mediaController.reconnect(),this.bindResizeWindow(),this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.waveformDirty&&this.drawWaveform(),this.requestUpdate()}firstUpdated(changed){super.firstUpdated(changed),this.drawWaveform()}disconnectedCallback(){this.connectionEventBaselinePending=!0,this.mediaController.disconnect(),this.unbindResizeWindow(),this.unbindWaveformResizeObserver(),this.cancelWaveformDrawFrame(),this.waveformDetachedObserverWindow=this.waveformObserverWindow,this.unbindWaveformVisibilityObserver(),this.waveformDirty=this.peaks.length>0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted(),this.bindResizeWindow(),this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.isConnected&&this.waveformDirty&&this.drawWaveform()}announceRenderError(){this.announcements.announceAssertive(this.localize("avPlayerFailedToLoad"))}bindResizeWindow(){const nextWindow=this.isConnected?this.ownerDocument.defaultView:null;this.resizeWindow!==nextWindow&&(this.unbindResizeWindow(),this.resizeWindow=nextWindow??void 0,this.resizeWindow?.addEventListener("resize",this.onWindowResize))}unbindResizeWindow(){this.resizeWindow?.removeEventListener("resize",this.onWindowResize),this.resizeWindow=void 0}syncWaveformVisibilityObserver(){const owner=this.isConnected&&this.peaks.length>0?this.ownerDocument.defaultView:null;if(this.waveformIntersectionObserver&&this.waveformObserverWindow===owner)return;const needsFreshSameRealmVisibility=owner!==null&&this.waveformDetachedObserverWindow===owner;if(owner!==null&&(this.waveformDetachedObserverWindow=void 0),this.cancelWaveformDrawFrame(),this.unbindWaveformVisibilityObserver(),!owner)return;const IntersectionObserverCtor=owner.IntersectionObserver;if(!IntersectionObserverCtor){this.waveformVisible=!0;return}needsFreshSameRealmVisibility&&(this.waveformVisible=!1),this.waveformDirty=!0;let observer;observer=new IntersectionObserverCtor(entries=>{if(!this.isConnected||this.ownerDocument.defaultView!==owner||this.waveformIntersectionObserver!==observer)return;const entry=entries.find(candidate=>candidate.target===this);!entry||entry.isIntersecting===this.waveformVisible||(this.waveformVisible=entry.isIntersecting,this.waveformVisible?this.waveformDirty&&this.scheduleWaveformDraw():this.cancelWaveformDrawFrame())}),this.waveformObserverWindow=owner,this.waveformIntersectionObserver=observer,observer.observe(this)}unbindWaveformVisibilityObserver(){this.waveformIntersectionObserver?.disconnect(),this.waveformIntersectionObserver=void 0,this.waveformObserverWindow=void 0}syncWaveformResizeObserver(){const target=this.isConnected&&this.peaks.length>0?this.canvasEl:void 0,owner=target?.ownerDocument.defaultView;if(target&&owner&&this.waveformResizeObserver&&this.waveformResizeObserverWindow===owner&&this.waveformResizeTarget===target||(this.unbindWaveformResizeObserver(),!target||!owner||typeof owner.ResizeObserver!="function"))return;let observer;observer=new owner.ResizeObserver(entries=>{if(!this.isConnected||this.ownerDocument.defaultView!==owner||this.waveformResizeObserver!==observer||this.waveformResizeTarget!==target||!entries.some(entry=>entry.target===target))return;const width=positiveFinite(target.clientWidth),height=positiveFinite(target.clientHeight),dpr=positiveFinite(owner.devicePixelRatio),previous=this.lastWaveformAllocation;previous?.target===target&&previous.width===width&&previous.height===height&&previous.dpr===dpr||this.drawWaveform()}),this.waveformResizeObserver=observer,this.waveformResizeObserverWindow=owner,this.waveformResizeTarget=target,observer.observe(target)}unbindWaveformResizeObserver(){this.waveformResizeObserver?.disconnect(),this.waveformResizeObserver=void 0,this.waveformResizeObserverWindow=void 0,this.waveformResizeTarget=void 0,this.lastWaveformAllocation=void 0}play(){return this.mediaController.play()}pause(){this.mediaController.pause()}toggle(){const media=this.mediaEl;if(media?.paused){const generation=this.mediaController.generation;this.play().catch(error=>{!this.isConnected||!this.mediaController.isCurrentGeneration(generation,media)||this.onPlaybackFailure(error)})}else this.pause()}seek(seconds){this.currentTime=seconds,this.emitTimeChange(!0,!0),this.pendingSeekEmission=this.currentTimeState,this.reconcileActiveCue()}async applyAnchor(anchor){return anchor.kind!=="time-range"||!this.metadataLoaded?!1:(this.seek(anchor.start),!0)}onLoadedMetadata(){this.metadataLoaded=!0,this.duration=this.mediaController.duration,this.currentTimeState=this.mediaController.currentTime,this.sourceError=!1,this.playbackError=!1,this.lastReportedSourceError=NO_REPORTED_ERROR,this.reconcileActiveCue(),this.emit("lr-load",{duration:this.duration,kind:this.detectedKind()})}onPlay(){this.playbackError=!1,this.emit("lr-play",null)}onPause(){this.emit("lr-pause",null)}onMediaError(){const error=this.mediaEl?.error??null,identity=error??"native-media-error-without-detail";identity!==this.lastReportedSourceError&&(this.lastReportedSourceError=identity,this.sourceError=!0,this.playbackError=!1,this.announceRenderError(),this.emit("lr-render-error",{error:error??new Error("The media failed to load.")}))}onNativeMediaEvent(event){switch(event.type){case"loadedmetadata":this.onLoadedMetadata();break;case"durationchange":this.duration=this.mediaController.duration,this.reconcileActiveCue();break;case"play":this.onPlay();break;case"pause":this.onPause();break;case"error":this.onMediaError();break;case"volumechange":{const nextVolume=this.mediaController.volume,nextMuted=this.mediaController.muted;this.volume!==nextVolume&&(this.volume=nextVolume),this.muted!==nextMuted&&(this.muted=nextMuted);break}case"ratechange":{const nextRate=this.mediaController.playbackRate;this.playbackRate!==nextRate&&(this.playbackRate=nextRate);break}case"timeupdate":this.onTimeUpdate();break;case"seeked":this.onSeeked();break;default:break}}emitTimeChange(force,allowDuplicate=!1){const now=Date.now();if(!force&&now-this.lastTimeChangeAt<TIME_CHANGE_THROTTLE_MS)return;const nextTime=this.currentTime;this.currentTimeState=nextTime,!(!allowDuplicate&&nextTime===this.lastEmittedTime)&&(this.lastTimeChangeAt=now,this.lastEmittedTime=nextTime,this.emit("lr-time-change",{currentTime:this.currentTimeState}))}onTimeUpdate(){this.emitTimeChange(!1),this.reconcileActiveCue()}reconcileActiveCue(){const time=this.currentTime;let active,activeIndex=-1;this.cues.forEach((cue,index)=>{const start=this.safeCueStart(cue),end=this.safeCueEnd(cue,start);time>=start&&time<end&&(!active||start>=this.safeCueStart(active))&&(active=cue,activeIndex=index)});const nextId=active?.cueId??null;this.setActiveCue(nextId,activeIndex)}setActiveCue(nextId,activeIndex){(nextId!==this.activeCueId||activeIndex!==this.activeCueIndex)&&(this.activeCueId=nextId,this.activeCueIndex=activeIndex,this.emit("lr-cue-change",Object.freeze({cueId:nextId,index:activeIndex})))}onSeeked(){const completedTime=this.currentTime;this.pendingSeekEmission===null||completedTime!==this.pendingSeekEmission?this.emitTimeChange(!0):this.currentTimeState=completedTime,this.pendingSeekEmission=null,this.reconcileActiveCue()}async search(query2){return this.searchQuery=query2,this.reconcileSearchMatches(),this.activeSearchIndex=this.searchMatches.length?0:-1,this.refreshTranscriptRenderItem(),this.emitSearchChange(),await this.revealActiveSearchMatch(),this.searchMatches.length}reconcileSearchMatches(previousCues){const locale=this.effectiveLocale,q=this.searchQuery.trim().toLocaleLowerCase(locale),previousMatchIndex=this.searchMatches[this.activeSearchIndex],previousActiveId=previousCues&&previousMatchIndex!==void 0?previousCues[previousMatchIndex]?.cueId:void 0;if(this.searchMatches=q?this.cues.reduce((acc,cue,index)=>((cue.text.toLocaleLowerCase(locale).includes(q)||(cue.speaker??"").toLocaleLowerCase(locale).includes(q))&&acc.push(index),acc),[]):[],this.searchMatchIndices=new Set(this.searchMatches),this.searchLocale=locale,!this.searchMatches.length){this.activeSearchIndex=-1;return}const retainedPosition=previousActiveId?this.searchMatches.findIndex(index=>this.cues[index]?.cueId===previousActiveId):-1;this.activeSearchIndex=retainedPosition>=0?retainedPosition:Math.min(Math.max(0,this.activeSearchIndex),this.searchMatches.length-1)}async searchNext(){return this.searchMatches.length?(this.activeSearchIndex=(this.activeSearchIndex+1)%this.searchMatches.length,this.refreshTranscriptRenderItem(),this.emitSearchChange(),await this.revealActiveSearchMatch(),!0):!1}async searchPrevious(){return this.searchMatches.length?(this.activeSearchIndex=(this.activeSearchIndex-1+this.searchMatches.length)%this.searchMatches.length,this.refreshTranscriptRenderItem(),this.emitSearchChange(),await this.revealActiveSearchMatch(),!0):!1}clearSearch(){this.searchQuery="",this.searchMatches=[],this.searchMatchIndices=new Set,this.activeSearchIndex=-1,this.refreshTranscriptRenderItem(),this.emitSearchChange()}emitSearchChange(){this.emit("lr-search-change",{query:this.searchQuery,matchCount:this.searchMatches.length,matchCountExact:!0,activeIndex:this.activeSearchIndex})}async revealActiveSearchMatch(){await this.updateComplete;const list=this.renderRoot.querySelector(tag("virtual-list"));if(!list)return;await list.updateComplete;const index=this.searchMatches[this.activeSearchIndex];index!==void 0&&list.scrollToIndex(index,{align:"auto",behavior:"auto"})}drawWaveform(){const canvas=this.canvasEl,ownerWindow=this.ownerDocument.defaultView;if(!this.peaks.length){this.waveformDirty=!1;return}if(!this.isConnected||!canvas||!ownerWindow||!this.waveformVisible){this.waveformDirty=!0;return}this.cancelWaveformDrawFrame(),this.waveformDirty=!1,this.paintWaveform()}paintWaveform(){const canvas=this.canvasEl;if(!canvas||!this.peaks.length)return;const ownerWindow=this.ownerDocument.defaultView;if(!ownerWindow)return;const dpr=positiveFinite(ownerWindow.devicePixelRatio),width=positiveFinite(canvas.clientWidth),height=positiveFinite(canvas.clientHeight),allocation=resolveBoundedCanvasAllocation({cssWidth:width,cssHeight:height,desiredScale:dpr,maxDimension:MAX_CANVAS_DIMENSION,maxPixels:MAX_CANVAS_PIXELS});this.lastWaveformAllocation={target:canvas,width,height,dpr},canvas.width=allocation.pixelWidth,canvas.height=allocation.pixelHeight;const ctx=canvas.getContext("2d");if(!ctx)return;const scaleX=allocation.scaleX,scaleY=allocation.scaleY;ctx.setTransform(scaleX,0,0,scaleY,0,0),ctx.clearRect(0,0,width,height),ctx.fillStyle=resolveCanvasColor(this,"var(--lr-color-brand)",ownerWindow.getComputedStyle(this).color);const peaks=waveformPaintPeaks(this.peaks,canvas.width),barWidth=width/peaks.length,physicalPixel=Math.min(barWidth,finiteNumber(1/scaleX,barWidth)),paintedBarWidth=Math.max(physicalPixel,barWidth-physicalPixel);peaks.forEach((peak,i)=>{const barHeight=Math.max(1,finiteRange(peak,0,0,1)*height);ctx.fillRect(i*barWidth,(height-barHeight)/2,paintedBarWidth,barHeight)})}scheduleWaveformDraw(){if(this.waveformDrawFrame)return;const owner=this.ownerDocument.defaultView;if(!owner||!this.isConnected)return;const request={owner,handle:0};request.handle=owner.requestAnimationFrame(()=>{this.waveformDrawFrame===request&&(this.waveformDrawFrame=void 0,this.isConnected&&this.ownerDocument.defaultView===owner&&this.drawWaveform())}),this.waveformDrawFrame=request}cancelWaveformDrawFrame(){const request=this.waveformDrawFrame;request&&request.owner.cancelAnimationFrame(request.handle),this.waveformDrawFrame=void 0}renderMarkers(){if(!this.duration)return nothing;const ranged=this.highlights.filter(h=>h.anchor.kind==="time-range");return ranged.length?html`${ranged.map(h=>{const startSeconds=finiteRange(h.anchor.start,0,0,this.duration),endSeconds=h.anchor.end==null?startSeconds:finiteRange(h.anchor.end,startSeconds,startSeconds,this.duration),start=startSeconds/this.duration*100,end=endSeconds/this.duration*100;return html`<button
+    </button>`},this.transcriptRenderItem=this.renderCue,new ThemeWatcher(this,()=>{this.hasWaveform&&this.drawWaveform()})}get mediaEl(){return this.mediaController.element}focus(options){this.mediaEl?.focus(options)}blur(){this.mediaEl?.blur()}click(){this.mediaEl?.click()}get currentTime(){return this.mediaController.currentTime}set currentTime(value){this.mediaController.currentTime=value,this.currentTimeState=this.mediaController.currentTime}detectedKind(){return this.kind==="audio"||this.kind==="video"?this.kind:(this.mimeType??"").startsWith("audio/")?"audio":"video"}get effectivePreload(){return this.preload==="none"||this.preload==="auto"?this.preload:"metadata"}willUpdate(changed){super.willUpdate(changed),this.captureWaveform(),this.captureCueSource(),changed.has("controlsSurface")&&(this.controlsSurface=CONTROLS_SURFACE.normalizeReflected(this,"controls-surface",this.controlsSurface)),this.semanticInternals.role=hostAriaLabel(this)!==null?"region":null;const mayEmitConnectionTransition=this.isConnected&&!this.connectionEventBaselinePending,locale=this.effectiveLocale;let refreshTranscript=!1;if(changed.has("kind")&&this.kind!==void 0&&this.kind!=="audio"&&this.kind!=="video"&&(this.kind=void 0),changed.has("preload")&&this.preload!==this.effectivePreload&&(this.preload=this.effectivePreload),this._cueSource===null&&changed.has("cues")&&(this.rebuildCueKeys(),this.metadataLoaded&&this.reconcileActiveCue()),this.transcriptLocale!==locale&&(this.transcriptLocale=locale,refreshTranscript=!0),this.hasUpdated&&(changed.has("src")||changed.has("kind")||changed.has("mimeType"))&&(this.duration=0,this.currentTimeState=0,this.activeCueId=null,this.activeCueIndex=-1,this.metadataLoaded=!1,this.sourceError=!1,this.playbackError=!1,this.lastTimeChangeAt=0,this.pendingSeekEmission=null,this.lastEmittedTime=null,this.lastReportedSourceError=NO_REPORTED_ERROR,this.mediaController.startGeneration(),changed.has("src")&&this.src&&!safeMediaSrc(this.src))){const error=new TypeError("The media source URL is not allowed.");mayEmitConnectionTransition&&(this.announceRenderError(),this.emit("lr-render-error",{error}))}this._cueSource===null&&this.searchQuery&&(changed.has("cues")||this.searchLocale!==locale)&&(this.reconcileSearchMatches(changed.get("cues")),refreshTranscript=!0),this._cueSource!==null&&this.searchQuery&&this.searchLocale!==locale&&this.search(this.searchQuery),refreshTranscript&&this.refreshTranscriptRenderItem()}updated(changed){super.updated(changed),changed.has("playbackRate")&&(this.mediaController.playbackRate=this.playbackRate,changed.get("playbackRate")!==void 0&&this.emit("lr-rate-change",{rate:this.playbackRate})),changed.has("volume")&&(this.mediaController.volume=this.volume),changed.has("muted")&&(this.mediaController.muted=this.muted),(this.waveformInputChanged||["peaks","duration","metadataLoaded","src","kind","mimeType"].some(key=>changed.has(key)))&&(this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.drawWaveform()),this.waveformInputChanged=!1;const unavailable=this.waveformUnavailable;unavailable&&!this.waveformFailureAnnounced&&!this.connectionEventBaselinePending&&this.announcements.announceAssertive(this.localize("avPlayerWaveformUnavailable")),this.waveformFailureAnnounced=unavailable;const transcriptUnavailable=this._cueSource!==null&&this.cueSourceController.unavailable;transcriptUnavailable&&!this.transcriptFailureAnnounced&&!this.connectionEventBaselinePending&&this.announcements.announceAssertive(this.localize("avPlayerTranscriptUnavailable")),this.transcriptFailureAnnounced=transcriptUnavailable;const searchUnavailable=this._cueSource!==null&&this.cueSourceController.searchUnavailable;searchUnavailable&&!this.searchFailureAnnounced&&!this.connectionEventBaselinePending&&this.announcements.announceAssertive(this.localize("sourceSearchUnavailable")),this.searchFailureAnnounced=searchUnavailable,this.cueSourceDirty&&this.isConnected&&!this.cueSourceContinuationQueued&&(this.cueSourceContinuationQueued=!0,queueMicrotask(()=>{this.cueSourceContinuationQueued=!1,this.cueSourceDirty&&this.isConnected&&this.requestUpdate("cueSourceContinuation",null)})),this.isConnected&&(this.connectionEventBaselinePending=!1),this.waveformInputDirty&&this.isConnected&&!this.waveformContinuationQueued&&(this.waveformContinuationQueued=!0,queueMicrotask(()=>{this.waveformContinuationQueued=!1,this.waveformInputDirty&&this.isConnected&&this.requestUpdate("waveformContinuation",null)}))}connectedCallback(){super.connectedCallback(),this.connectionEventBaselinePending=!0,this.mediaController.reconnect(),this.bindResizeWindow(),this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.waveformDirty&&this.drawWaveform(),this.requestUpdate()}firstUpdated(changed){super.firstUpdated(changed),this.drawWaveform()}disconnectedCallback(){this.cueSourceController.revoke(),this.cueSourceDirty=!0,this.activeCueId=null,this.activeCueIndex=-1,this.connectionEventBaselinePending=!0,this.mediaController.disconnect(),this.unbindResizeWindow(),this.unbindWaveformResizeObserver(),this.cancelWaveformDrawFrame(),this.waveformDetachedObserverWindow=this.waveformObserverWindow,this.unbindWaveformVisibilityObserver(),this.waveformDirty=this.hasWaveform,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted(),this.cueSourceController.adopted(),this.cueSourceDirty=!0,this.requestUpdate("cueSourceAdopted",null),this.bindResizeWindow(),this.syncWaveformVisibilityObserver(),this.syncWaveformResizeObserver(),this.isConnected&&this.waveformDirty&&this.drawWaveform()}announceRenderError(){this.announcements.announceAssertive(this.localize("avPlayerFailedToLoad"))}bindResizeWindow(){const nextWindow=this.isConnected?this.ownerDocument.defaultView:null;this.resizeWindow!==nextWindow&&(this.unbindResizeWindow(),this.resizeWindow=nextWindow??void 0,this.resizeWindow?.addEventListener("resize",this.onWindowResize))}unbindResizeWindow(){this.resizeWindow?.removeEventListener("resize",this.onWindowResize),this.resizeWindow=void 0}syncWaveformVisibilityObserver(){const owner=this.isConnected&&this.hasWaveform?this.ownerDocument.defaultView:null;if(this.waveformIntersectionObserver&&this.waveformObserverWindow===owner)return;const needsFreshSameRealmVisibility=owner!==null&&this.waveformDetachedObserverWindow===owner;if(owner!==null&&(this.waveformDetachedObserverWindow=void 0),this.cancelWaveformDrawFrame(),this.unbindWaveformVisibilityObserver(),!owner)return;const IntersectionObserverCtor=owner.IntersectionObserver;if(!IntersectionObserverCtor){this.waveformVisible=!0;return}needsFreshSameRealmVisibility&&(this.waveformVisible=!1),this.waveformDirty=!0;let observer;observer=new IntersectionObserverCtor(entries=>{if(!this.isConnected||this.ownerDocument.defaultView!==owner||this.waveformIntersectionObserver!==observer)return;const entry=entries.find(candidate=>candidate.target===this);!entry||entry.isIntersecting===this.waveformVisible||(this.waveformVisible=entry.isIntersecting,this.waveformVisible?this.waveformDirty&&this.scheduleWaveformDraw():this.cancelWaveformDrawFrame())}),this.waveformObserverWindow=owner,this.waveformIntersectionObserver=observer,observer.observe(this)}unbindWaveformVisibilityObserver(){this.waveformIntersectionObserver?.disconnect(),this.waveformIntersectionObserver=void 0,this.waveformObserverWindow=void 0}syncWaveformResizeObserver(){const target=this.isConnected&&this.hasWaveform?this.canvasEl:void 0,owner=target?.ownerDocument.defaultView;if(target&&owner&&this.waveformResizeObserver&&this.waveformResizeObserverWindow===owner&&this.waveformResizeTarget===target||(this.unbindWaveformResizeObserver(),!target||!owner||typeof owner.ResizeObserver!="function"))return;let observer;observer=new owner.ResizeObserver(entries=>{if(!this.isConnected||this.ownerDocument.defaultView!==owner||this.waveformResizeObserver!==observer||this.waveformResizeTarget!==target||!entries.some(entry=>entry.target===target))return;const width=positiveFinite(target.clientWidth),height=positiveFinite(target.clientHeight),dpr=positiveFinite(owner.devicePixelRatio),previous=this.lastWaveformAllocation;previous?.target===target&&previous.width===width&&previous.height===height&&previous.dpr===dpr||this.drawWaveform()}),this.waveformResizeObserver=observer,this.waveformResizeObserverWindow=owner,this.waveformResizeTarget=target,observer.observe(target)}unbindWaveformResizeObserver(){this.waveformResizeObserver?.disconnect(),this.waveformResizeObserver=void 0,this.waveformResizeObserverWindow=void 0,this.waveformResizeTarget=void 0,this.lastWaveformAllocation=void 0}play(){return this.mediaController.play()}pause(){this.mediaController.pause()}toggle(){const media=this.mediaEl;if(media?.paused){const generation=this.mediaController.generation;this.play().catch(error=>{!this.isConnected||!this.mediaController.isCurrentGeneration(generation,media)||this.onPlaybackFailure(error)})}else this.pause()}seek(seconds){this.currentTime=seconds,this.emitTimeChange(!0,!0),this.pendingSeekEmission=this.currentTimeState,this.reconcileActiveCue(!0)}async applyAnchor(anchor){return anchor.kind!=="time-range"||!this.metadataLoaded?!1:(this.seek(anchor.start),!0)}onLoadedMetadata(){this.metadataLoaded=!0,this.duration=this.mediaController.duration,this.currentTimeState=this.mediaController.currentTime,this.sourceError=!1,this.playbackError=!1,this.lastReportedSourceError=NO_REPORTED_ERROR,this.reconcileActiveCue(),this.emit("lr-load",{duration:this.duration,kind:this.detectedKind()})}onPlay(){this.playbackError=!1,this.emit("lr-play",null)}onPause(){this.emit("lr-pause",null)}onMediaError(){const error=this.mediaEl?.error??null,identity=error??"native-media-error-without-detail";identity!==this.lastReportedSourceError&&(this.lastReportedSourceError=identity,this.sourceError=!0,this.playbackError=!1,this.announceRenderError(),this.emit("lr-render-error",{error:error??new Error("The media failed to load.")}))}onNativeMediaEvent(event){switch(event.type){case"loadedmetadata":this.onLoadedMetadata();break;case"durationchange":this.duration=this.mediaController.duration,this.reconcileActiveCue();break;case"play":this.onPlay();break;case"pause":this.onPause();break;case"error":this.onMediaError();break;case"volumechange":{const nextVolume=this.mediaController.volume,nextMuted=this.mediaController.muted;this.volume!==nextVolume&&(this.volume=nextVolume),this.muted!==nextMuted&&(this.muted=nextMuted);break}case"ratechange":{const nextRate=this.mediaController.playbackRate;this.playbackRate!==nextRate&&(this.playbackRate=nextRate);break}case"timeupdate":this.onTimeUpdate();break;case"seeked":this.onSeeked();break;default:break}}emitTimeChange(force,allowDuplicate=!1){const now=Date.now();if(!force&&now-this.lastTimeChangeAt<TIME_CHANGE_THROTTLE_MS)return;const nextTime=this.currentTime;this.currentTimeState=nextTime,!(!allowDuplicate&&nextTime===this.lastEmittedTime)&&(this.lastTimeChangeAt=now,this.lastEmittedTime=nextTime,this.emit("lr-time-change",{currentTime:this.currentTimeState}))}onTimeUpdate(){this.emitTimeChange(!1),this.reconcileActiveCue()}reconcileActiveCue(discontinuity=!1){const time=this.currentTime;if(this._cueSource!==null){this.cueSourceController.updateTime(time,discontinuity);return}const cues=this.cues,duration=this.duration>0?this.duration:0;(!this.cueIndex||this.indexedCues!==cues||this.indexedCueDuration!==duration)&&(this.cueIndex=new AvCueIndex(cues,duration),this.indexedCues=cues,this.indexedCueDuration=duration);const activeIndex=this.cueIndex.at(time),nextId=cues[activeIndex]?.cueId??null;this.setActiveCue(nextId,activeIndex)}setActiveCue(nextId,activeIndex){(nextId!==this.activeCueId||activeIndex!==this.activeCueIndex)&&(this.activeCueId=nextId,this.activeCueIndex=activeIndex,this.emit("lr-cue-change",Object.freeze({cueId:nextId,index:activeIndex})))}onSeeked(){const completedTime=this.currentTime;this.pendingSeekEmission===null||completedTime!==this.pendingSeekEmission?this.emitTimeChange(!0):this.currentTimeState=completedTime,this.pendingSeekEmission=null,this.reconcileActiveCue(!0)}async search(query2){return this._cueSource!==null?(this.captureCueSource(),this.searchQuery=query2.trim(),this.searchLocale=this.effectiveLocale,this.cueSourceController.search(this.searchQuery,this.searchLocale)):(this.searchQuery=query2,this.reconcileSearchMatches(),this.activeSearchIndex=this.searchMatches.length?0:-1,this.refreshTranscriptRenderItem(),this.emitSearchChange(),await this.revealActiveSearchMatch(),this.searchMatches.length)}reconcileSearchMatches(previousCues){const locale=this.effectiveLocale,q=this.searchQuery.trim().toLocaleLowerCase(locale),previousMatchIndex=this.searchMatches[this.activeSearchIndex],previousActiveId=previousCues&&previousMatchIndex!==void 0?previousCues[previousMatchIndex]?.cueId:void 0;if(this.searchMatches=q?this.cues.reduce((acc,cue,index)=>((cue.text.toLocaleLowerCase(locale).includes(q)||(cue.speaker??"").toLocaleLowerCase(locale).includes(q))&&acc.push(index),acc),[]):[],this.searchMatchIndices=new Set(this.searchMatches),this.searchLocale=locale,!this.searchMatches.length){this.activeSearchIndex=-1;return}const retainedPosition=previousActiveId?this.searchMatches.findIndex(index=>this.cues[index]?.cueId===previousActiveId):-1;this.activeSearchIndex=retainedPosition>=0?retainedPosition:Math.min(Math.max(0,this.activeSearchIndex),this.searchMatches.length-1)}async searchNext(){return this._cueSource!==null?this.cueSourceController.navigate(1):this.searchMatches.length?(this.activeSearchIndex=(this.activeSearchIndex+1)%this.searchMatches.length,this.refreshTranscriptRenderItem(),this.emitSearchChange(),await this.revealActiveSearchMatch(),!0):!1}async searchPrevious(){return this._cueSource!==null?this.cueSourceController.navigate(-1):this.searchMatches.length?(this.activeSearchIndex=(this.activeSearchIndex-1+this.searchMatches.length)%this.searchMatches.length,this.refreshTranscriptRenderItem(),this.emitSearchChange(),await this.revealActiveSearchMatch(),!0):!1}clearSearch(){if(this.searchQuery="",this._cueSource!==null){this.cueSourceController.clearSearch();return}this.searchMatches=[],this.searchMatchIndices=new Set,this.activeSearchIndex=-1,this.refreshTranscriptRenderItem(),this.emitSearchChange()}emitSearchChange(){this.emit("lr-search-change",{query:this.searchQuery,matchCount:this.searchMatches.length,matchCountExact:!0,activeIndex:this.activeSearchIndex})}async revealSourceCue(index,epoch,authoritative=()=>!0){const current=()=>authoritative()&&this.cueSourceController.isCurrent(epoch);if(!current()||!await this.cueSourceController.window.ensure(index)||!current()||(await this.updateComplete,!current()))return!1;const list=this.renderRoot.querySelector(tag("virtual-list"));return!list||(await list.updateComplete,!current())?!1:(list.scrollToIndex(index,{align:"auto",behavior:"auto"}),current())}async revealActiveSearchMatch(){await this.updateComplete;const list=this.renderRoot.querySelector(tag("virtual-list"));if(!list)return;await list.updateComplete;const index=this.searchMatches[this.activeSearchIndex];index!==void 0&&list.scrollToIndex(index,{align:"auto",behavior:"auto"})}drawWaveform(){const canvas=this.canvasEl,ownerWindow=this.ownerDocument.defaultView;if(!this.hasWaveform){this.waveformDirty=!1;return}if(!this.isConnected||!canvas||!ownerWindow||!this.waveformVisible){this.waveformDirty=!0;return}this.cancelWaveformDrawFrame(),this.waveformDirty=!1,this.paintWaveform()}paintWaveform(){const canvas=this.canvasEl;if(!canvas||!this.hasWaveform)return;const ownerWindow=this.ownerDocument.defaultView;if(!ownerWindow)return;const dpr=positiveFinite(ownerWindow.devicePixelRatio),width=positiveFinite(canvas.clientWidth),height=positiveFinite(canvas.clientHeight),allocation=resolveBoundedCanvasAllocation({cssWidth:width,cssHeight:height,desiredScale:dpr,maxDimension:MAX_CANVAS_DIMENSION,maxPixels:MAX_CANVAS_PIXELS});this.lastWaveformAllocation={target:canvas,width,height,dpr},canvas.width=allocation.pixelWidth,canvas.height=allocation.pixelHeight;const ctx=canvas.getContext("2d");if(!ctx)return;const scaleX=allocation.scaleX,scaleY=allocation.scaleY;ctx.setTransform(scaleX,0,0,scaleY,0,0),ctx.clearRect(0,0,width,height),ctx.fillStyle=resolveCanvasColor(this,"var(--lr-color-brand)",ownerWindow.getComputedStyle(this).color);const peaks=this._waveform!==null&&this.waveformSnapshot?preparedWaveformPeaks(this.waveformSnapshot,canvas.width):waveformPaintPeaks(this.peaks,canvas.width),barWidth=width/peaks.length,physicalPixel=Math.min(barWidth,finiteNumber(1/scaleX,barWidth)),paintedBarWidth=Math.max(physicalPixel,barWidth-physicalPixel);peaks.forEach((peak,i)=>{const barHeight=Math.max(1,finiteRange(peak,0,0,1)*height);ctx.fillRect(i*barWidth,(height-barHeight)/2,paintedBarWidth,barHeight)})}scheduleWaveformDraw(){if(this.waveformDrawFrame)return;const owner=this.ownerDocument.defaultView;if(!owner||!this.isConnected)return;const request={owner,handle:0};request.handle=owner.requestAnimationFrame(()=>{this.waveformDrawFrame===request&&(this.waveformDrawFrame=void 0,this.isConnected&&this.ownerDocument.defaultView===owner&&this.drawWaveform())}),this.waveformDrawFrame=request}cancelWaveformDrawFrame(){const request=this.waveformDrawFrame;request&&request.owner.cancelAnimationFrame(request.handle),this.waveformDrawFrame=void 0}renderMarkers(){if(!this.duration)return nothing;const ranged=this.highlights.filter(h=>h.anchor.kind==="time-range");return ranged.length?html`${ranged.map(h=>{const startSeconds=finiteRange(h.anchor.start,0,0,this.duration),endSeconds=h.anchor.end==null?startSeconds:finiteRange(h.anchor.end,startSeconds,startSeconds,this.duration),start=startSeconds/this.duration*100,end=endSeconds/this.duration*100;return html`<button
         part="timeline-marker"
         type="button"
         data-tone=${h.tone??"accent"}
@@ -17,7 +17,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,quer
         style="inset-inline-start:${start}%;inline-size:${Math.max(.5,end-start)}%"
         aria-label=${h.label||this.localize("viewerHighlightLabel")}
         @click=${event=>{event.stopPropagation(),this.onHighlightActivate(h.id,h.anchor.start)}}
-      ></button>`})}`:nothing}rateOptions(){return this.rates.includes(this.playbackRate)?this.rates:[...this.rates,this.playbackRate].sort((a,b)=>a-b)}safeCueStart(cue){const max=this.duration>0?this.duration:1/0;return finiteRange(cue.start,0,0,max)}safeCueEnd(cue,start){const max=this.duration>0?this.duration:1/0;if(cue.end==null){const nextStart=this.nextCueStarts.get(cue.start)??1/0;return start>=max||nextStart===1/0?1/0:Math.min(nextStart,max)}return finiteRange(cue.end,start,start,max)}rebuildCueKeys(){this.cueKeys=this.cues.map(cue=>`cue:${cue.cueId.length}:${cue.cueId}`)}refreshTranscriptRenderItem(){this.transcriptRenderItem=(cue,index)=>this.renderCue(cue,index)}renderTracks(){return this.tracks.map(t=>{const trackSrc=safeMediaSrc(t.src);return trackSrc?html`<track src=${trackSrc} kind=${t.kind} srclang=${t.srclang} label=${t.label} ?default=${t.default} />`:nothing})}render(){const explicitHostLabel=hostAriaLabel(this),aggregateLabel=explicitHostLabel??(this.name||this.localize("avPlayerLabel")),safeSrc=this.src?safeMediaSrc(this.src):null,safePoster=this.poster?safeMediaSrc(this.poster):null,kind=this.detectedKind(),baseOwnsAggregate=explicitHostLabel===null&&!!(this.name||!safeSrc&&this.src),rateFormat=getNumberFormat(this.effectiveLocale,{maximumFractionDigits:2});return!safeSrc&&this.src?html`<div
+      ></button>`})}`:nothing}rateOptions(){return this.rates.includes(this.playbackRate)?this.rates:[...this.rates,this.playbackRate].sort((a,b)=>a-b)}safeCueStart(cue){const max=this.duration>0?this.duration:1/0;return finiteRange(cue.start,0,0,max)}rebuildCueKeys(){this.cueKeys=this.cues.map(cue=>`cue:${cue.cueId.length}:${cue.cueId}`)}refreshTranscriptRenderItem(){this.transcriptRenderItem=(cue,index)=>this.renderCue(cue,index)}renderTracks(){return this.tracks.map(t=>{const trackSrc=safeMediaSrc(t.src);return trackSrc?html`<track src=${trackSrc} kind=${t.kind} srclang=${t.srclang} label=${t.label} ?default=${t.default} />`:nothing})}render(){const explicitHostLabel=hostAriaLabel(this),aggregateLabel=explicitHostLabel??(this.name||this.localize("avPlayerLabel")),safeSrc=this.src?safeMediaSrc(this.src):null,safePoster=this.poster?safeMediaSrc(this.poster):null,kind=this.detectedKind(),baseOwnsAggregate=explicitHostLabel===null&&!!(this.name||!safeSrc&&this.src),rateFormat=getNumberFormat(this.effectiveLocale,{maximumFractionDigits:2});return!safeSrc&&this.src?html`<div
         part="base"
         role=${baseOwnsAggregate?"region":nothing}
         aria-label=${baseOwnsAggregate?aggregateLabel:nothing}
@@ -58,6 +58,7 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,quer
             >${this.renderTracks()}</video
           >`)}
       ${this.sourceError||this.playbackError?html`<div part="error">${this.localize("avPlayerFailedToLoad")}</div>`:nothing}
+      ${this.waveformUnavailable?html`<div part="error">${this.localize("avPlayerWaveformUnavailable")}</div>`:nothing}
       <div part="toolbar">
         <span class="rate-select-wrapper">
           <select
@@ -86,18 +87,22 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,quer
           @click=${this.onTimelineClick}
           @keydown=${this.onTimelineKeyDown}
         >
-          ${this.peaks.length?html`<canvas ${ref(this.canvasRef)}></canvas>`:nothing}
+          ${this.hasWaveform?html`<canvas ${ref(this.canvasRef)}></canvas>`:nothing}
         </div>
         <div class="timeline-markers">${this.renderMarkers()}</div>
       </div>
-      ${this.cues.length?html`<lr-virtual-list
+      ${this._cueSource!==null&&this.cueSourceController.unavailable?html`<div part="error">${this.localize("avPlayerTranscriptUnavailable")}</div>`:nothing}
+      ${this._cueSource!==null&&this.cueSourceController.searchUnavailable?html`<div part="error">${this.localize("sourceSearchUnavailable")}</div>`:this._cueSource!==null&&this.cueSourceController.searchLoading?html`<div>${this.localize("loading")}</div>`:nothing}
+      ${(this._cueSource!==null?this.cueSourceController.count:this.cues.length)?html`<lr-virtual-list
             part="transcript"
             exportparts="cue:cue, cue-current:cue-current, cue-match:cue-match, cue-active-match:cue-active-match, cue-time:cue-time, cue-speaker:cue-speaker, cue-text:cue-text"
             aria-label=${this.localize("avPlayerTranscript")}
-            .items=${this.cues}
+            .items=${this._cueSource!==null?EMPTY_CUES:this.cues}
+            .source=${this._cueSource!==null?this.cueSourceController.window.source:void 0}
+            @lr-visible-range-change=${event=>{this._cueSource!==null&&this.cueSourceController.window.requestRange(event.detail.start,event.detail.end)}}
             .renderItem=${this.transcriptRenderItem}
-            .keyFunction=${this.cueKey}
-            .activeItemId=${this.activeCueIndex>=0&&this.cues[this.activeCueIndex]?this.cueKey(this.cues[this.activeCueIndex],this.activeCueIndex):""}
+            .keyFunction=${this._cueSource!==null?void 0:this.cueKey}
+            .activeItemId=${this._cueSource!==null?this.cueSourceController.active?.cue.cueId??"":this.activeCueIndex>=0&&this.cues[this.activeCueIndex]?this.cueKey(this.cues[this.activeCueIndex],this.activeCueIndex):""}
           ></lr-virtual-list>`:nothing}
       ${this.renderAnchorLiveRegion()}
-    </div>`}}__decorate([property()],LyraAvPlayer.prototype,"src",void 0),__decorate([property()],LyraAvPlayer.prototype,"name",void 0),__decorate([property()],LyraAvPlayer.prototype,"kind",void 0),__decorate([property({attribute:"mime-type"})],LyraAvPlayer.prototype,"mimeType",void 0),__decorate([property()],LyraAvPlayer.prototype,"poster",void 0),__decorate([property({type:Boolean})],LyraAvPlayer.prototype,"loop",void 0),__decorate([property({type:Boolean})],LyraAvPlayer.prototype,"muted",void 0),__decorate([property()],LyraAvPlayer.prototype,"preload",void 0),__decorate([property({attribute:"controls-surface",reflect:!0,converter:CONTROLS_SURFACE})],LyraAvPlayer.prototype,"controlsSurface",void 0),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"rates",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"cues",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"peaks",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"tracks",null),__decorate([state()],LyraAvPlayer.prototype,"duration",void 0),__decorate([state()],LyraAvPlayer.prototype,"currentTimeState",void 0),__decorate([state()],LyraAvPlayer.prototype,"activeCueId",void 0),__decorate([state()],LyraAvPlayer.prototype,"activeCueIndex",void 0),__decorate([state()],LyraAvPlayer.prototype,"searchQuery",void 0),__decorate([state()],LyraAvPlayer.prototype,"searchMatches",void 0),__decorate([state()],LyraAvPlayer.prototype,"activeSearchIndex",void 0),__decorate([state()],LyraAvPlayer.prototype,"metadataLoaded",void 0),__decorate([state()],LyraAvPlayer.prototype,"sourceError",void 0),__decorate([state()],LyraAvPlayer.prototype,"playbackError",void 0),__decorate([query('[part="timeline"] canvas')],LyraAvPlayer.prototype,"canvasEl",void 0);export{LyraAvPlayer};
+    </div>`}}__decorate([property()],LyraAvPlayer.prototype,"src",void 0),__decorate([property()],LyraAvPlayer.prototype,"name",void 0),__decorate([property()],LyraAvPlayer.prototype,"kind",void 0),__decorate([property({attribute:"mime-type"})],LyraAvPlayer.prototype,"mimeType",void 0),__decorate([property()],LyraAvPlayer.prototype,"poster",void 0),__decorate([property({type:Boolean})],LyraAvPlayer.prototype,"loop",void 0),__decorate([property({type:Boolean})],LyraAvPlayer.prototype,"muted",void 0),__decorate([property()],LyraAvPlayer.prototype,"preload",void 0),__decorate([property({attribute:"controls-surface",reflect:!0,converter:CONTROLS_SURFACE})],LyraAvPlayer.prototype,"controlsSurface",void 0),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"rates",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"cues",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"cueSource",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"peaks",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"waveform",null),__decorate([property({attribute:!1})],LyraAvPlayer.prototype,"tracks",null),__decorate([state()],LyraAvPlayer.prototype,"duration",void 0),__decorate([state()],LyraAvPlayer.prototype,"currentTimeState",void 0),__decorate([state()],LyraAvPlayer.prototype,"activeCueId",void 0),__decorate([state()],LyraAvPlayer.prototype,"activeCueIndex",void 0),__decorate([state()],LyraAvPlayer.prototype,"searchQuery",void 0),__decorate([state()],LyraAvPlayer.prototype,"searchMatches",void 0),__decorate([state()],LyraAvPlayer.prototype,"activeSearchIndex",void 0),__decorate([state()],LyraAvPlayer.prototype,"metadataLoaded",void 0),__decorate([state()],LyraAvPlayer.prototype,"sourceError",void 0),__decorate([state()],LyraAvPlayer.prototype,"playbackError",void 0),__decorate([query('[part="timeline"] canvas')],LyraAvPlayer.prototype,"canvasEl",void 0);export{LyraAvPlayer};

package/dist/components/media/flag/flag.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{LyraElement}from"../../../internal/lyra-element.js";import{getDisplayNames}from"../../../internal/intl-cache.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{safeMediaSrc}from"../../../internal/safe-url.js";import{styles}from"./flag.styles.js";import{ALPHA2_RE,alpha3ToAlpha2,languageToCountry}from"./language-map.js";import"../../overlays/skeleton/skeleton.class.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{devWarnOnce}from"../../../internal/dev-mode-attribute-warning.js";import{getFlagResolverGeneration,subscribeFlagResolver,loadFlagUrlResolver,warnMissingFlagResolver}from"./flag-url-resolver.js";import{LYRA_DEFAULT_flagLoadError}from"../../../internal/default-strings/media.generated.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";import{loadFlagUrl,loadBulkFlagUrl,setFlagUrlResolver}from"./flag-url-resolver.js";const FLAG_LOAD_ERROR_KEY="flagLoadError",FLAG_FIDELITIES=new Set(["compact","standard","detailed"]),FLAG_SHAPES=new Set(["rect","circle"]);function normalizeFlagFidelity(value){return FLAG_FIDELITIES.has(value)?value:"standard"}function normalizeFlagShape(value){return FLAG_SHAPES.has(value)?value:"rect"}function displayNameFor(code,locale){try{return getDisplayNames(locale,{type:"region"}).of(code.toUpperCase())??code.toUpperCase()}catch{return code.toUpperCase()}}class LyraFlag extends LyraElement{constructor(){super(...arguments),this._shape="rect",this._fidelity="standard",this.sourceState=Object.freeze({status:"idle",identity:"idle"}),this.resolverGeneration=getFlagResolverGeneration(),this.announcements=new AnnouncementSinkController(this),this.sourceRestartPending=!0,this.activeSourceRequest=0,this.resolveToken=0,this.onResolverGeneration=generation=>{!this.isConnected||generation===this.resolverGeneration||(this.resolverGeneration=generation)}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,flagLoadError:LYRA_DEFAULT_flagLoadError,loading:LYRA_DEFAULT_loading,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles,srOnly]}get shape(){return this._shape}set shape(value){const old=this._shape;this._shape=normalizeFlagShape(value),this.requestUpdate("shape",old)}get fidelity(){return this._fidelity}set fidelity(value){const old=this._fidelity;this._fidelity=normalizeFlagFidelity(value),this.requestUpdate("fidelity",old)}get effectiveFidelity(){return normalizeFlagFidelity(this.fidelity)}get loading(){return this.sourceState.status==="loading"}get code(){if(this.country)return ALPHA2_RE.test(this.country)?this.country.toLowerCase():alpha3ToAlpha2(this.country);if(this.language)return languageToCountry(this.language)}get unresolved(){return this.src||!this.country&&!this.language?!1:this.code===void 0}connectedCallback(){super.connectedCallback(),this.sourceRestartPending=!0,this.stopFlagResolverSubscription=subscribeFlagResolver(this.onResolverGeneration),this.resolverGeneration!==getFlagResolverGeneration()&&(this.resolverGeneration=getFlagResolverGeneration()),this.requestUpdate()}disconnectedCallback(){this.resolveToken++,this.sourceRestartPending=!0,this.stopFlagResolverSubscription?.(),this.stopFlagResolverSubscription=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.resolveToken++,this.sourceRestartPending=!0,this.announcements.adopted(),this.requestUpdate()}announceLoadError(){this.announcements.announceAssertive(this.localize(FLAG_LOAD_ERROR_KEY))}setSourceState(state2,announceError=!1){this.sourceState=Object.freeze(state2),this.toggleAttribute("data-error",state2.status==="error"),this.toggleAttribute("data-unresolved",this.unresolved),this.setAttribute("aria-busy",String(state2.status==="loading")),announceError&&this.isConnected&&this.announceLoadError()}failSource(identity,announce=!0){this.setSourceState({status:"error",identity},announce)}onImageLoad(event,identity,url,request){const image=event.currentTarget;!this.isConnected||request!==this.activeSourceRequest||!image||image!==this.renderRoot.querySelector('[part="image"]')||this.sourceState.status!=="loading"||this.sourceState.identity!==identity||this.sourceState.url!==url||this.setSourceState({status:"loaded",identity,url})}onImageError(event,identity,request){const image=event.currentTarget;!this.isConnected||request!==this.activeSourceRequest||!image||image!==this.renderRoot.querySelector('[part="image"]')||this.sourceState.status!=="loading"||this.sourceState.identity!==identity||this.failSource(identity)}willUpdate(changed){super.willUpdate(changed);const sourceChanged=changed.has("country")||changed.has("language")||changed.has("src")||changed.has("fidelity")||changed.has("resolverGeneration");if(typeof Node<"u"&&!this.isConnected){sourceChanged&&(this.resolveToken++,this.sourceRestartPending=!0);return}if(this.hasUpdated&&!sourceChanged&&!this.sourceRestartPending)return;const connectionBaseline=this.sourceRestartPending;this.sourceRestartPending=!1;const token=++this.resolveToken,request=++this.activeSourceRequest,URLCtor=this.ownerDocument?.defaultView?.URL??globalThis.URL,directValue=typeof this.src=="string"?this.src.trim():"";if((directValue||this.code)&&this.announcements.current("assertive"),directValue){const identity2=`direct:${directValue}`,url=safeMediaSrc(directValue,URLCtor);if(!url){this.failSource(identity2,!connectionBaseline);return}this.setSourceState({status:"loading",identity:identity2,url});return}const code=this.code;if(!code){this.setSourceState({status:"idle",identity:"idle"});return}const fidelity=this.effectiveFidelity,identity=`peer:${code}:${fidelity}:${this.resolverGeneration}`;this.setSourceState({status:"loading",identity}),loadFlagUrlResolver().then(async resolve=>{if(token!==this.resolveToken||request!==this.activeSourceRequest||!this.isConnected)return;if(typeof resolve!="function"){warnMissingFlagResolver(code),this.failSource(identity);return}const candidate=await resolve(code,fidelity==="standard"?void 0:{variant:fidelity});if(token!==this.resolveToken||request!==this.activeSourceRequest||!this.isConnected)return;if(candidate===void 0){this.setSourceState({status:"idle",identity});return}const url=safeMediaSrc(candidate,URLCtor);if(!url){this.failSource(identity);return}this.setSourceState({status:"loading",identity,url})}).catch(err=>{token!==this.resolveToken||request!==this.activeSourceRequest||!this.isConnected||(devWarnOnce("lyra-flag-resolve-failed",`<lr-flag> failed to resolve a flag URL for "${code}": ${err}`),this.failSource(identity))})}updated(changed){super.updated(changed),this.setAttribute("aria-busy",String(this.sourceState.status==="loading")),this.toggleAttribute("data-unresolved",this.unresolved)}render(){const state2=this.sourceState,request=this.activeSourceRequest;if(this.unresolved){const fallbackUrl=this.fallback?safeMediaSrc(this.fallback,this.ownerDocument?.defaultView?.URL??globalThis.URL):null,fallbackAlt=hostAriaLabel(this)??this.label??"";return html`<slot name="fallback"
+import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{keyed}from"lit/directives/keyed.js";import{LyraElement}from"../../../internal/lyra-element.js";import{getDisplayNames}from"../../../internal/intl-cache.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{safeMediaSrc}from"../../../internal/safe-url.js";import{styles}from"./flag.styles.js";import{ALPHA2_RE,alpha3ToAlpha2,languageToCountry}from"./language-map.js";import"../../overlays/skeleton/skeleton.class.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{devWarnOnce}from"../../../internal/dev-mode-attribute-warning.js";import{getFlagResolverGeneration,subscribeFlagResolver,loadFlagUrlResolver,warnMissingFlagResolver}from"./flag-url-resolver.js";import{LYRA_DEFAULT_flagLoadError}from"../../../internal/default-strings/media.generated.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_details,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select}from"../../../internal/default-strings/shared.generated.js";import{loadFlagUrl,loadBulkFlagUrl,setFlagUrlResolver}from"./flag-url-resolver.js";const FLAG_LOAD_ERROR_KEY="flagLoadError",FLAG_FIDELITIES=new Set(["compact","standard","detailed"]),FLAG_SHAPES=new Set(["rect","circle"]);function normalizeFlagFidelity(value){return FLAG_FIDELITIES.has(value)?value:"standard"}function normalizeFlagShape(value){return FLAG_SHAPES.has(value)?value:"rect"}const pendingFlagUrls=new Map;let pendingFlagGeneration=-1;function sharedFlagUrl(resolve,code,fidelity,generation){pendingFlagGeneration!==generation&&(pendingFlagUrls.clear(),pendingFlagGeneration=generation);const key=`${code}:${fidelity}`,cached=pendingFlagUrls.get(key);if(cached)return cached;let request;try{request=Promise.resolve(resolve(code,fidelity==="standard"?void 0:{variant:fidelity}))}catch(error){return Promise.reject(error)}pendingFlagUrls.size>=256&&pendingFlagUrls.delete(pendingFlagUrls.keys().next().value),pendingFlagUrls.set(key,request);const release=()=>{pendingFlagUrls.get(key)===request&&pendingFlagUrls.delete(key)};return request.then(release,release),request}function displayNameFor(code,locale){try{return getDisplayNames(locale,{type:"region"}).of(code.toUpperCase())??code.toUpperCase()}catch{return code.toUpperCase()}}class LyraFlag extends LyraElement{constructor(){super(...arguments),this._shape="rect",this._fidelity="standard",this.sourceState=Object.freeze({status:"idle",identity:"idle"}),this.resolverGeneration=getFlagResolverGeneration(),this.announcements=new AnnouncementSinkController(this),this.sourceRestartPending=!0,this.activeSourceRequest=0,this.resolveToken=0,this.onResolverGeneration=generation=>{!this.isConnected||generation===this.resolverGeneration||(this.resolverGeneration=generation)}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,details:LYRA_DEFAULT_details,flagLoadError:LYRA_DEFAULT_flagLoadError,loading:LYRA_DEFAULT_loading,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select}}static{this.styles=[LyraElement.styles,styles,srOnly]}get shape(){return this._shape}set shape(value){const old=this._shape;this._shape=normalizeFlagShape(value),this.requestUpdate("shape",old)}get fidelity(){return this._fidelity}set fidelity(value){const old=this._fidelity;this._fidelity=normalizeFlagFidelity(value),this.requestUpdate("fidelity",old)}get effectiveFidelity(){return normalizeFlagFidelity(this.fidelity)}get loading(){return this.sourceState.status==="loading"}get code(){if(this.country)return ALPHA2_RE.test(this.country)?this.country.toLowerCase():alpha3ToAlpha2(this.country);if(this.language)return languageToCountry(this.language)}get unresolved(){return this.src||!this.country&&!this.language?!1:this.code===void 0}connectedCallback(){super.connectedCallback(),this.sourceRestartPending=!0,this.stopFlagResolverSubscription=subscribeFlagResolver(this.onResolverGeneration),this.resolverGeneration!==getFlagResolverGeneration()&&(this.resolverGeneration=getFlagResolverGeneration()),this.requestUpdate()}disconnectedCallback(){this.resolveToken++,this.sourceRestartPending=!0,this.stopFlagResolverSubscription?.(),this.stopFlagResolverSubscription=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.resolveToken++,this.sourceRestartPending=!0,this.announcements.adopted(),this.requestUpdate()}announceLoadError(){this.announcements.announceAssertive(this.localize(FLAG_LOAD_ERROR_KEY))}setSourceState(state2,announceError=!1){this.sourceState=Object.freeze(state2),this.toggleAttribute("data-error",state2.status==="error"),this.toggleAttribute("data-unresolved",this.unresolved),this.setAttribute("aria-busy",String(state2.status==="loading")),announceError&&this.isConnected&&this.announceLoadError()}failSource(identity,announce=!0){this.setSourceState({status:"error",identity},announce)}onImageLoad(event,identity,url,request){const image=event.currentTarget;!this.isConnected||request!==this.activeSourceRequest||!image||image!==this.renderRoot.querySelector('[part="image"]')||this.sourceState.status!=="loading"||this.sourceState.identity!==identity||this.sourceState.url!==url||this.setSourceState({status:"loaded",identity,url})}onImageError(event,identity,request){const image=event.currentTarget;!this.isConnected||request!==this.activeSourceRequest||!image||image!==this.renderRoot.querySelector('[part="image"]')||this.sourceState.status!=="loading"||this.sourceState.identity!==identity||this.failSource(identity)}willUpdate(changed){super.willUpdate(changed);const sourceChanged=changed.has("country")||changed.has("language")||changed.has("src")||changed.has("fidelity")||changed.has("resolverGeneration");if(typeof Node<"u"&&!this.isConnected){sourceChanged&&(this.resolveToken++,this.sourceRestartPending=!0);return}if(this.hasUpdated&&!sourceChanged&&!this.sourceRestartPending)return;const connectionBaseline=this.sourceRestartPending;this.sourceRestartPending=!1;const token=++this.resolveToken,request=++this.activeSourceRequest,URLCtor=this.ownerDocument?.defaultView?.URL??globalThis.URL,directValue=typeof this.src=="string"?this.src.trim():"";if((directValue||this.code)&&this.announcements.current("assertive"),directValue){const identity2=`direct:${directValue}`,url=safeMediaSrc(directValue,URLCtor);if(!url){this.failSource(identity2,!connectionBaseline);return}this.setSourceState({status:"loading",identity:identity2,url});return}const code=this.code;if(!code){this.setSourceState({status:"idle",identity:"idle"});return}const fidelity=this.effectiveFidelity,identity=`peer:${code}:${fidelity}:${this.resolverGeneration}`;this.setSourceState({status:"loading",identity}),loadFlagUrlResolver().then(async resolve=>{if(token!==this.resolveToken||request!==this.activeSourceRequest||!this.isConnected)return;if(typeof resolve!="function"){warnMissingFlagResolver(code),this.failSource(identity);return}const candidate=await sharedFlagUrl(resolve,code,fidelity,this.resolverGeneration);if(token!==this.resolveToken||request!==this.activeSourceRequest||!this.isConnected)return;if(candidate===void 0){this.setSourceState({status:"idle",identity});return}const url=safeMediaSrc(candidate,URLCtor);if(!url){this.failSource(identity);return}this.setSourceState({status:"loading",identity,url})}).catch(err=>{token!==this.resolveToken||request!==this.activeSourceRequest||!this.isConnected||(devWarnOnce("lyra-flag-resolve-failed",`<lr-flag> failed to resolve a flag URL for "${code}": ${err}`),this.failSource(identity))})}updated(changed){super.updated(changed),this.setAttribute("aria-busy",String(this.sourceState.status==="loading")),this.toggleAttribute("data-unresolved",this.unresolved)}render(){const state2=this.sourceState,request=this.activeSourceRequest;if(this.unresolved){const fallbackUrl=this.fallback?safeMediaSrc(this.fallback,this.ownerDocument?.defaultView?.URL??globalThis.URL):null,fallbackAlt=hostAriaLabel(this)??this.label??"";return html`<slot name="fallback"
         >${fallbackUrl?html`<img part="fallback-image" src=${fallbackUrl} alt=${fallbackAlt} />`:nothing}</slot
       >`}if(state2.status==="error")return html`<span part="error">${this.localize(FLAG_LOAD_ERROR_KEY)}</span>`;const url=state2.status==="loading"||state2.status==="loaded"?state2.url:void 0;if(!url&&state2.status!=="loading")return html``;const code=this.code,alt=hostAriaLabel(this)??this.label??(code?displayNameFor(code,this.effectiveLocale):"");return html`
       ${state2.status==="loading"?html`

package/dist/components/media/flag/language-map.js

@@ -1 +1 @@
-import{getDisplayNames}from"../../../internal/intl-cache.js";const ALPHA2_RE=/^[a-z]{2}$/i,ALPHA3_RE=/^[a-z]{3}$/i,ALPHA3_TO_ALPHA2_PACKED="abwawafgafagoaoaiaaialaaxalbalandadareaeargararmamasmasataaqatftfatgagausauautatazeazbdibibelbebenbjbesbqbfabfbgdbdbgrbgbhrbhbhsbsbihbablmblblrbyblzbzbmubmbolbobrabrbrbbbbrnbnbtnbtbvtbvbwabwcafcfcancacckccchechchlclchncncivcicmrcmcodcdcogcgcokckcolcocomkmcpvcvcricrcubcucuwcwcxrcxcymkycypcyczeczdeudedjidjdmadmdnkdkdomdodzadzecuecegyegeriereshehespesesteeethetfinfifjifjflkfkfrafrfrofofsmfmgabgagbrgbgeogeggyggghaghgibgigingnglpgpgmbgmgnbgwgnqgqgrcgrgrdgdgrlglgtmgtgufgfgumguguygyhkghkhmdhmhndhnhrvhrhtihthunhuidnidimnimindiniotioirlieirnirirqiqislisisrilitaitjamjmjeyjejorjojpnjpkazkzkenkekgzkgkhmkhkirkiknaknkorkrkwtkwlaolalbnlblbrlrlbylylcalclielilkalklsolsltultluxlulvalvmacmomafmfmarmamcomcmdamdmdgmgmdvmvmexmxmhlmhmkdmkmlimlmltmtmmrmmmnememngmnmnpmpmozmzmrtmrmsrmsmtqmqmusmumwimwmysmymytytnamnanclncnernenfknfngangnicniniununldnlnornonplnpnrunrnzlnzomnompakpkpanpapcnpnperpephlphplwpwpngpgpolplpriprprkkpprtptprypypsepspyfpfqatqareurerourorusrurwarwsausasdnsdsensnsgpsgsgsgsshnshsjmsjslbsbsleslslvsvsmrsmsomsospmpmsrbrsssdssstpstsursrsvksksvnsisweseswzszsxmsxsycscsyrsytcatctcdtdtgotgthathtjktjtkltktkmtmtlstltontottotttuntnturtrtuvtvtwntwtzatzugaugukruaumiumuryuyusausuzbuzvatvavctvcvenvevgbvgvirvivnmvnvutvuwlfwfwsmwsyemyezafzazmbzmzwezw";let alpha3Lookup;function alpha3ToAlpha2(code){if(ALPHA3_RE.test(code)){if(!alpha3Lookup){alpha3Lookup=new Map;for(let index=0;index<ALPHA3_TO_ALPHA2_PACKED.length;index+=5)alpha3Lookup.set(ALPHA3_TO_ALPHA2_PACKED.slice(index,index+3),ALPHA3_TO_ALPHA2_PACKED.slice(index+3,index+5))}return alpha3Lookup.get(code.toLowerCase())}}const LANGUAGE_TO_COUNTRY={en:"gb",fr:"fr",de:"de",es:"es",it:"it",pt:"pt",nl:"nl",ar:"sa",zh:"cn",ja:"jp",ko:"kr",ru:"ru",pl:"pl",tr:"tr",sv:"se",da:"dk",fi:"fi",no:"no",nb:"no",nn:"no",cs:"cz",sk:"sk",el:"gr",he:"il",hi:"in",th:"th",vi:"vn",id:"id",ms:"my",uk:"ua",kk:"kz",lah:"pk",ro:"ro",hu:"hu",bg:"bg",hr:"hr",sr:"rs",sl:"si",et:"ee",lv:"lv",lt:"lt",fa:"ir",ur:"pk",bn:"bd",ta:"in",am:"et",bho:"in",gu:"in",ha:"ng",ig:"ng",jv:"id",kn:"in",ln:"cd",ml:"in",mr:"in",my:"mm",ne:"np",om:"et",or:"in",pa:"in",pcm:"ng",pnb:"pk",ps:"af",sd:"pk",su:"id",sw:"tz",te:"in",tl:"ph",uz:"uz",yo:"ng",zu:"za",ca:"es",lb:"lu",fil:"ph"};function mappedCountry(language){return Object.hasOwn(LANGUAGE_TO_COUNTRY,language)?LANGUAGE_TO_COUNTRY[language]:void 0}function scriptImpliedRegion(locale){if(!locale.script)return;const scriptRegion=locale.maximize().region,languageRegion=new Intl.Locale(locale.language).maximize().region;return scriptRegion&&ALPHA2_RE.test(scriptRegion)&&scriptRegion!==languageRegion?scriptRegion.toLowerCase():void 0}function languageToCountry(language){if(typeof language!="string")return;const normalized=language.trim().replaceAll("_","-");if(!normalized)return;try{const locale=new Intl.Locale(normalized);if(locale.region&&/^\d{3}$/.test(locale.region))return;if(locale.region&&ALPHA2_RE.test(locale.region))return locale.region.toLowerCase();const mapped=mappedCountry(locale.language.toLowerCase());return mapped===void 0?void 0:scriptImpliedRegion(locale)??mapped}catch{}const parts=normalized.toLowerCase().split("-").slice(0,16),base=parts[0];if(base.length!==1){for(const part of parts.slice(1)){if(!/^[a-z0-9]{1,8}$/.test(part)||part.length===1)break;if(/^\d{3}$/.test(part))return;if(ALPHA2_RE.test(part))return part}return mappedCountry(base)}}function localeNativeName(tag){try{return getDisplayNames(tag,{type:"language"}).of(tag)??tag}catch{return tag}}export{ALPHA2_RE,ALPHA3_RE,LANGUAGE_TO_COUNTRY,alpha3ToAlpha2,languageToCountry,localeNativeName};
+import{getDisplayNames}from"../../../internal/intl-cache.js";const nativeNames=new Map;let nativeNameMethod,nativeNameConstructor;const ALPHA2_RE=/^[a-z]{2}$/i,ALPHA3_RE=/^[a-z]{3}$/i,ALPHA3_TO_ALPHA2_PACKED="abwawafgafagoaoaiaaialaaxalbalandadareaeargararmamasmasataaqatftfatgagausauautatazeazbdibibelbebenbjbesbqbfabfbgdbdbgrbgbhrbhbhsbsbihbablmblblrbyblzbzbmubmbolbobrabrbrbbbbrnbnbtnbtbvtbvbwabwcafcfcancacckccchechchlclchncncivcicmrcmcodcdcogcgcokckcolcocomkmcpvcvcricrcubcucuwcwcxrcxcymkycypcyczeczdeudedjidjdmadmdnkdkdomdodzadzecuecegyegeriereshehespesesteeethetfinfifjifjflkfkfrafrfrofofsmfmgabgagbrgbgeogeggyggghaghgibgigingnglpgpgmbgmgnbgwgnqgqgrcgrgrdgdgrlglgtmgtgufgfgumguguygyhkghkhmdhmhndhnhrvhrhtihthunhuidnidimnimindiniotioirlieirnirirqiqislisisrilitaitjamjmjeyjejorjojpnjpkazkzkenkekgzkgkhmkhkirkiknaknkorkrkwtkwlaolalbnlblbrlrlbylylcalclielilkalklsolsltultluxlulvalvmacmomafmfmarmamcomcmdamdmdgmgmdvmvmexmxmhlmhmkdmkmlimlmltmtmmrmmmnememngmnmnpmpmozmzmrtmrmsrmsmtqmqmusmumwimwmysmymytytnamnanclncnernenfknfngangnicniniununldnlnornonplnpnrunrnzlnzomnompakpkpanpapcnpnperpephlphplwpwpngpgpolplpriprprkkpprtptprypypsepspyfpfqatqareurerourorusrurwarwsausasdnsdsensnsgpsgsgsgsshnshsjmsjslbsbsleslslvsvsmrsmsomsospmpmsrbrsssdssstpstsursrsvksksvnsisweseswzszsxmsxsycscsyrsytcatctcdtdtgotgthathtjktjtkltktkmtmtlstltontottotttuntnturtrtuvtvtwntwtzatzugaugukruaumiumuryuyusausuzbuzvatvavctvcvenvevgbvgvirvivnmvnvutvuwlfwfwsmwsyemyezafzazmbzmzwezw";let alpha3Lookup;function alpha3ToAlpha2(code){if(ALPHA3_RE.test(code)){if(!alpha3Lookup){alpha3Lookup=new Map;for(let index=0;index<ALPHA3_TO_ALPHA2_PACKED.length;index+=5)alpha3Lookup.set(ALPHA3_TO_ALPHA2_PACKED.slice(index,index+3),ALPHA3_TO_ALPHA2_PACKED.slice(index+3,index+5))}return alpha3Lookup.get(code.toLowerCase())}}const LANGUAGE_TO_COUNTRY={en:"gb",fr:"fr",de:"de",es:"es",it:"it",pt:"pt",nl:"nl",ar:"sa",zh:"cn",ja:"jp",ko:"kr",ru:"ru",pl:"pl",tr:"tr",sv:"se",da:"dk",fi:"fi",no:"no",nb:"no",nn:"no",cs:"cz",sk:"sk",el:"gr",he:"il",hi:"in",th:"th",vi:"vn",id:"id",ms:"my",uk:"ua",kk:"kz",lah:"pk",ro:"ro",hu:"hu",bg:"bg",hr:"hr",sr:"rs",sl:"si",et:"ee",lv:"lv",lt:"lt",fa:"ir",ur:"pk",bn:"bd",ta:"in",am:"et",bho:"in",gu:"in",ha:"ng",ig:"ng",jv:"id",kn:"in",ln:"cd",ml:"in",mr:"in",my:"mm",ne:"np",om:"et",or:"in",pa:"in",pcm:"ng",pnb:"pk",ps:"af",sd:"pk",su:"id",sw:"tz",te:"in",tl:"ph",uz:"uz",yo:"ng",zu:"za",ca:"es",lb:"lu",fil:"ph"};function mappedCountry(language){return Object.hasOwn(LANGUAGE_TO_COUNTRY,language)?LANGUAGE_TO_COUNTRY[language]:void 0}function scriptImpliedRegion(locale){if(!locale.script)return;const scriptRegion=locale.maximize().region,languageRegion=new Intl.Locale(locale.language).maximize().region;return scriptRegion&&ALPHA2_RE.test(scriptRegion)&&scriptRegion!==languageRegion?scriptRegion.toLowerCase():void 0}function languageToCountry(language){if(typeof language!="string")return;const normalized=language.trim().replaceAll("_","-");if(!normalized)return;try{const locale=new Intl.Locale(normalized);if(locale.region&&/^\d{3}$/.test(locale.region))return;if(locale.region&&ALPHA2_RE.test(locale.region))return locale.region.toLowerCase();const mapped=mappedCountry(locale.language.toLowerCase());return mapped===void 0?void 0:scriptImpliedRegion(locale)??mapped}catch{}const parts=normalized.toLowerCase().split("-").slice(0,16),base=parts[0];if(base.length!==1){for(const part of parts.slice(1)){if(!/^[a-z0-9]{1,8}$/.test(part)||part.length===1)break;if(/^\d{3}$/.test(part))return;if(ALPHA2_RE.test(part))return part}return mappedCountry(base)}}function localeNativeName(tag){try{(nativeNameMethod!==Intl.DisplayNames.prototype.of||nativeNameConstructor!==Intl.DisplayNames)&&(nativeNames.clear(),nativeNameMethod=Intl.DisplayNames.prototype.of,nativeNameConstructor=Intl.DisplayNames);const cached=nativeNames.get(tag);if(cached!==void 0)return cached;const name=getDisplayNames(tag,{type:"language"}).of(tag)??tag;return nativeNames.size>=1024&&nativeNames.delete(nativeNames.keys().next().value),nativeNames.set(tag,name),name}catch{return tag}}export{ALPHA2_RE,ALPHA3_RE,LANGUAGE_TO_COUNTRY,alpha3ToAlpha2,languageToCountry,localeNativeName};

package/dist/components/media/lightbox/lightbox-source.js

@@ -0,0 +1 @@
+import{SourceRequestController,sourceCount,sourceRevision}from"../../../internal/source-request-controller.js";import{SourceWindowController}from"../../../internal/source-window-controller.js";import{safeMediaSrc}from"../../../internal/safe-url.js";const MAX_FIELD_UNITS=65536;function field(value,key){if(value===null||typeof value!="object")throw new TypeError("Invalid image record");const descriptor=Object.getOwnPropertyDescriptor(value,key);if(descriptor&&!("value"in descriptor))throw new TypeError("Invalid image field");return descriptor?.value}function text(value,optional=!1){if(!(optional&&value===void 0)){if(typeof value!="string"||value.length>MAX_FIELD_UNITS)throw new TypeError("Invalid image text");return value}}function normalize(value){const key=text(field(value,"key"));if(!key.length)throw new TypeError("Invalid image key");const order=sourceCount(field(value,"order")),image=field(value,"value"),src=text(field(image,"src")),alt=text(field(image,"alt"),!0),caption=text(field(image,"caption"),!0);return Object.freeze({key,order,value:Object.freeze({src,...alt===void 0?{}:{alt},...caption===void 0?{}:{caption}})})}class LightboxSourceController{constructor(host,repaint){this.host=host,this.repaint=repaint,this.locale="",this.dirty=!0,this.transaction=0,this.requestedIndex=-1,this.count=0,this.state="empty",this.requests=new SourceRequestController(host,{channels:["image"],onReset:()=>this.clearImage()}),this.window=new SourceWindowController(host,{pageSize:1,maxRows:3,maxPages:3,maxConcurrent:1,keyOf:record=>record.key,normalize,onChange:repaint}),host.addController(this)}clearImage(){this.requestedIndex=-1,this.pendingImage&&(this.pendingImage.onload=null,this.pendingImage.onerror=null,this.pendingImage.removeAttribute("src"),this.pendingImage=void 0),this.image=void 0,this.state=this.count?"loading":"empty"}refresh(){this.dirty=!0,this.transaction++,this.requests.refresh(),this.window.bind(void 0),this.repaint()}update(input,locale){if(!this.dirty&&input===this.input&&locale===this.locale)return!0;const transaction=++this.transaction;if(this.input=input,this.locale=locale,this.dirty=!1,this.requests.refresh(),transaction!==this.transaction||(this.window.bind(void 0),transaction!==this.transaction))return!1;try{if(input!==void 0){if(input===null||typeof input!="object")throw new TypeError("Invalid image source");const revision=sourceRevision(input.revision);if(transaction!==this.transaction)return!1;const view=input.images;if(transaction!==this.transaction)return!1;const count=sourceCount(view.count);if(transaction!==this.transaction||(this.requests.setSource(input,revision),transaction!==this.transaction)||(this.window.bind({owner:input,revision,epoch:this.requests.epoch,locale,view}),transaction!==this.transaction))return!1;this.count=count}else{if(this.requests.setSource(void 0,void 0),transaction!==this.transaction)return!1;this.count=0}this.state=this.count?"loading":"empty"}catch{if(transaction!==this.transaction||(this.requests.setSource(void 0,void 0),transaction!==this.transaction)||(this.window.bind(void 0),transaction!==this.transaction))return!1;this.count=0,this.state=input===void 0?"empty":"error"}return!0}select(index){if(this.dirty||!this.count||index===this.requestedIndex||!this.host.isConnected)return;this.requests.invalidate("image"),this.clearImage(),this.requestedIndex=index,this.state="loading";const lease=this.requests.begin("image",this.locale);lease&&(this.window.requestRange(index,index+1),this.window.ensure(index).then(ready=>{if(!lease.isCurrent())return;const slot=ready?this.window.source.itemAt(index):void 0;if(slot?.state!=="ready"){this.state="error",this.repaint();return}const value=slot.value.value,src=safeMediaSrc(value.src);if(!src){this.state="error",this.repaint();return}const image=this.host.ownerDocument.createElement("img");this.pendingImage=image;const settle=loaded=>{!lease.isCurrent()||this.pendingImage!==image||(image.onload=null,image.onerror=null,this.pendingImage=void 0,this.image=loaded?Object.freeze({...value,src}):void 0,this.state=loaded?"ready":"error",this.repaint())};image.onload=()=>settle(!0),image.onerror=()=>settle(!1),image.src=src}))}retry(index){if(this.count===0){this.refresh();return}this.requestedIndex=-1,this.select(index),this.repaint()}adopted(){this.requests.adopted(),this.window.adopted(),this.refresh()}hostConnected(){this.dirty=!0,this.repaint()}hostDisconnected(){this.dirty=!0,this.clearImage()}}export{LightboxSourceController};

package/dist/components/media/lightbox/lightbox-types.d.ts

@@ -0,0 +1,15 @@
+import type{LyraIndexedView,LyraSourceRecord,LyraSourceRevision}from'../../../data-sources.js';
+/** One image in the set `<lr-lightbox>` browses. `alt`/`caption` are caller-supplied data
+*  (like a filename), not routed through `localize()` -- only the component's own chrome
+*  strings are. */
+export interface LyraLightboxImage{
+/** Full-resolution URL. Passed straight through to the embedded `<lr-pan-zoom>`'s own
+*  `src`, which already runs it through `safeMediaSrc()` -- no separate validation needed here. */
+readonly src:string;
+/** Accessible alt text. Defaults to `''` (decorative) when omitted; consumers should supply
+*  real alt text for meaningful images. */
+readonly alt?:string;
+/** Optional visible caption for this image, rendered in `part="caption"` below the stage. */
+readonly caption?:string;}
+/** Host-owned access to the complete ordered image collection. */
+export interface LyraLightboxSource{readonly revision:LyraSourceRevision;readonly images:LyraIndexedView<LyraSourceRecord<LyraLightboxImage>>;}

package/dist/components/media/lightbox/lightbox.class.d.ts

@@ -1,16 +1,4 @@
-import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraImageFit}from'../../../internal/image-fit.js';import'../pan-zoom/pan-zoom.class.js';export type{LyraImageFit}from'../../../internal/image-fit.js';
-/** One image in the set `<lr-lightbox>` browses. `alt`/`caption` are caller-supplied data
-*  (like a filename), not routed through `localize()` -- only the component's own chrome
-*  strings are. */
-export interface LyraLightboxImage{
-/** Full-resolution URL. Passed straight through to the embedded `<lr-pan-zoom>`'s own
-*  `src`, which already runs it through `safeMediaSrc()` -- no separate validation needed here. */
-readonly src:string;
-/** Accessible alt text. Defaults to `''` (decorative) when omitted; consumers should supply
-*  real alt text for meaningful images. */
-readonly alt?:string;
-/** Optional visible caption for this image, rendered in `part="caption"` below the stage. */
-readonly caption?:string;}
+import type{LyraLightboxImage,LyraLightboxSource}from'./lightbox-types.js';export type{LyraLightboxImage,LyraLightboxSource}from'./lightbox-types.js';import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraImageFit}from'../../../internal/image-fit.js';import'../pan-zoom/pan-zoom.class.js';export type{LyraImageFit}from'../../../internal/image-fit.js';
 /**
 * Reason a lightbox was dismissed, forwarded as the `lr-close-request` and `lr-close` event detail --
 * 1:1 copy of `<lr-dialog>`'s own `DialogCloseReason` contract. `'escape'` and `'backdrop'`
@@ -67,7 +55,7 @@ export interface LyraLightboxCloseDetail{reason:LyraLightboxCloseReason;}export
 * reason `unmount`, and `lr-after-hide`; removal cannot be vetoed.
 *
 * **Scope for v1 (deliberate, not oversights):** no default slot / no arbitrary slotted content
-* per image (data-driven via `images` only); no dot-style indicators (a textual counter scales
+* per image (data-driven via `images` or `imageSource`); no dot-style indicators (a textual counter scales
 * better to photo-set sizes); no visual open/close animation (`show()`/`hide()` still expose the
 * shared before/after lifecycle contract); no
 * click-on-image-to-navigate (the image is already meaningfully interactive -- it focuses the
@@ -92,7 +80,8 @@ export interface LyraLightboxCloseDetail{reason:LyraLightboxCloseReason;}export
 * @event lr-after-hide - Fired after a successful `hide()`/`close()` has rendered closed.
 * @event lr-index-change - Fired for `next()`/`previous()`/`goTo()` navigation, including the
 *   built-in button and keyboard paths, and when a shrinking `images` moves the shown image. Not
-*   fired when a consumer sets `index` directly. `detail: { index }` is always the rendered
+*   fired when a consumer sets `index` directly. Source mode uses the complete logical count
+*   and emits the requested index before asynchronous image resolution. `detail: { index }` is always the rendered
 *   integer index.
 * @event lr-zoom-change - Not emitted by `LyraLightbox` itself -- see the interface doc above.
 *   `detail: { zoom }`.
@@ -114,6 +103,9 @@ export interface LyraLightboxCloseDetail{reason:LyraLightboxCloseReason;}export
 *   `closable`, a full-screen lightbox has no other built-in chrome, so this is not optional.
 * @csspart stage - Houses the embedded `<lr-pan-zoom>` plus the floating
 *   `previous-button`/`next-button`.
+* @csspart source-loading - Source-mode loading message.
+* @csspart source-error - Source descriptor or image loading error.
+* @csspart source-retry - Retry the current source image after an error.
 * @csspart frame - The embedded `<lr-pan-zoom>` element itself.
 * @csspart frame-viewport - The embedded pan-zoom's scrollable viewport.
 * @csspart frame-content - The embedded pan-zoom's transformed content wrapper.
@@ -134,13 +126,22 @@ export interface LyraLightboxCloseDetail{reason:LyraLightboxCloseReason;}export
 export declare class LyraLightbox extends LyraElement<LyraLightboxEventMap>{static styles:import("lit").CSSResultGroup[];private readonly hostDescription;adoptedCallback():void;private _open;
 /** Whether the lightbox is open. Post-render writes run the same cancelable lifecycle as
 *  `show()`/`hide()`/`close()`; initial markup is state and emits nothing. */
-get open():boolean;set open(next:boolean);private _images;private _imagesSource?;private _fit;
+get open():boolean;set open(next:boolean);protected static readonly identityCollectionObjectProperties:readonly string[];private _imageSource?;private navigationIntent;private sourceBindingCurrent;private sourceState;private readonly sourceController;
+/** Optional host-owned full image collection. Takes precedence over images; undefined restores
+* legacy input. Reassign, including the same source, or call requestUpdate() after mutation.
+* Only the current image loads; at most three descriptors are retained. Each key/src/alt/caption
+* is limited to 65,536 UTF-16 units. Invalid defined sources fail closed with a retry action.
+* index remains the requested logical index while its image loads. */
+get imageSource():LyraLightboxSource|undefined;set imageSource(value:LyraLightboxSource|undefined);requestUpdate(...args:Parameters<LyraElement['requestUpdate']>):void;private imageCount;private _images;private _imagesSource?;private _fit;
 /** The ordered, bounded, immutable set of images being browsed. Assign a new collection to
 * update it; malformed records are omitted and at most 10,000 candidates are inspected. */
-get images():readonly LyraLightboxImage[];set images(value:readonly LyraLightboxImage[]);
-/** The currently displayed image. Clamped defensively for rendering (out-of-range/negative/
-*  non-integer never throws) and re-synced onto this property when `images` shrinks. */
-index:number;
+get images():readonly LyraLightboxImage[];set images(value:readonly LyraLightboxImage[]);private _index;
+/** The current logical image index. Clamped defensively for rendering (out-of-range/negative/
+* non-integer never throws) and re-synced when the active collection shrinks.
+* Source mode retains the requested index while loading.
+* @default 0
+*/
+get index():number;set index(value:number);
 /** Wraps prev/next past the ends. Mirrors `<lr-carousel>`'s `loop` 1:1. */
 loop:boolean;
 /** Dismisses the lightbox on a backdrop click. Opt-in and `false` by default -- mirrors
@@ -167,7 +168,7 @@ zoomStep:number;
 /** Host-level `aria-label` override for the panel's accessible name -- wins over the
 *  localized `lightboxLabel` default. Exactly `<lr-pan-zoom>`'s own `accessibleLabel`
 *  pattern (no other label source to arbitrate against here). */
-accessibleLabel:string|null;private readonly slotPresence;private liveText;private frameEl?;private overlay?;private readonly nativeModal;private readonly modalSurface;private announcementSink?;private announcementBaseline?;private connectionGeneration;private transitionGeneration;private openRequestTarget?;private openRequestDuringPreflight?;private readonly captionId;private currentIndex;private syncImages;private changeTo;
+accessibleLabel:string|null;private readonly slotPresence;private liveText;private frameEl?;private overlay?;private readonly nativeModal;private readonly modalSurface;private announcementSink?;private sourceErrorAnnounced;private sourceHasRendered;private lastSourceImage?;private announcementBaseline?;private connectionGeneration;private transitionGeneration;private openRequestTarget?;private openRequestDuringPreflight?;private readonly captionId;private currentIndex;private syncImages;private changeTo;
 /** Advances to the next image, respecting `loop`. */
 next():void;
 /** Moves to the previous image, respecting `loop`. */

package/dist/components/media/lightbox/lightbox.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/native-modal-carrier.js";import{ModalSurfaceController}from"../../../internal/modal-surface-controller.js";import{nativeModalCarrierStyles}from"../../../internal/native-modal-carrier.styles.js";import{html,nothing}from"lit";import{property,query,state}from"lit/decorators.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{LyraElement}from"../../../internal/lyra-element.js";import{HostDescriptionController}from"../../../internal/aria-controls.js";import{activateOverlay}from"../../../internal/overlay-manager.js";import{isAccessibilityVisible,nextId,srOnly}from"../../../internal/a11y.js";import{closeIcon,chevronIcon}from"../../../internal/icons.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{finiteCount,finiteInteger}from"../../../internal/numbers.js";import{normalizeImageFit}from"../../../internal/image-fit.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{styles}from"./lightbox.styles.js";import"../pan-zoom/pan-zoom.class.js";import{keyEventOwnedByInnerControl}from"../../../internal/hotkey.js";import{LYRA_DEFAULT_lightboxImagePosition,LYRA_DEFAULT_lightboxLabel}from"../../../internal/default-strings/media.generated.js";import{LYRA_DEFAULT_close,LYRA_DEFAULT_next,LYRA_DEFAULT_previous}from"../../../internal/default-strings/shared.generated.js";const MAX_LIGHTBOX_IMAGES=1e4,EMPTY_LIGHTBOX_IMAGES=Object.freeze([]);function snapshotLightboxImages(value){try{if(!Array.isArray(value))return EMPTY_LIGHTBOX_IMAGES;const count=Math.min(value.length,MAX_LIGHTBOX_IMAGES),images=[];for(let index=0;index<count;index++)try{const candidate=value[index];if(typeof candidate!="object"||candidate===null)continue;const src=candidate.src;if(typeof src!="string")continue;const alt=candidate.alt,caption=candidate.caption;images.push(Object.freeze({src,...typeof alt=="string"?{alt}:{},...typeof caption=="string"?{caption}:{}}))}catch{}return images.length?Object.freeze(images):EMPTY_LIGHTBOX_IMAGES}catch{return EMPTY_LIGHTBOX_IMAGES}}function queueDocumentMicrotask(ownerDocument,callback){const ownerWindow=ownerDocument.defaultView;if(ownerWindow){ownerWindow.queueMicrotask(callback);return}Promise.resolve().then(callback)}class LyraLightbox extends LyraElement{constructor(){super(...arguments),this.hostDescription=new HostDescriptionController(this,()=>this.renderRoot.querySelector(this.nativeModal.requested?"dialog[data-native-modal-carrier]":'[part="panel"][role="dialog"]')),this._open=!1,this._images=EMPTY_LIGHTBOX_IMAGES,this._fit="actual",this.index=0,this.loop=!1,this.lightDismiss=!1,this.withoutCounter=!1,this.minZoom=.5,this.maxZoom=4,this.zoomStep=.25,this.accessibleLabel=null,this.slotPresence=new SlotPresenceController(this),this.liveText="",this.nativeModal=new NativeModalCarrier(this,{onCancel:()=>{this.overlay?.isTopmost()&&this.closeFrom("escape",this.renderRoot.querySelector('[part="panel"]')??this)},onUnexpectedClose:()=>{this.hide().then(()=>{this.open&&this.modalSurface.show()})}}),this.modalSurface=new ModalSurfaceController(this,this.nativeModal),this.connectionGeneration=0,this.transitionGeneration=0,this.captionId=nextId("lightbox-caption"),this.onBackdropClick=()=>{this.lightDismiss&&this.overlay?.dismissBackdrop()},this.onCloseButtonClick=()=>{const button=this.renderRoot.querySelector('[part="close-button"]')??this;this.closeFrom("close-button",button)},this.onPanelKeyDown=event=>{for(const target of event.composedPath()){if(target===this)break;if(target instanceof Element&&target.getRootNode()!==this.shadowRoot&&target.matches('a[href], button, [role="button"], [role="link"]'))return}if(keyEventOwnedByInnerControl(event,{container:this,ownerTag:"lr-pan-zoom"}))return;const rtl=this.effectiveDirection==="rtl",forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";event.key===forwardKey?(event.preventDefault(),this.next()):event.key===backwardKey?(event.preventDefault(),this.previous()):event.key==="Home"?(event.preventDefault(),this.goTo(0)):event.key==="End"&&(event.preventDefault(),this.goTo(this.images.length-1))}}static{this.defaultStrings={...super.defaultStrings,close:LYRA_DEFAULT_close,lightboxImagePosition:LYRA_DEFAULT_lightboxImagePosition,lightboxLabel:LYRA_DEFAULT_lightboxLabel,next:LYRA_DEFAULT_next,previous:LYRA_DEFAULT_previous}}static{this.styles=[LyraElement.styles,nativeModalCarrierStyles,srOnly,styles]}adoptedCallback(){super.adoptedCallback(),this.hostDescription.adopted()}get open(){return this._open}set open(next){const normalized=!!next;if(!this.coalesceOpenRequest(normalized)&&normalized!==this._open){if(!this.hasUpdated){this.applyOpenState(normalized);return}normalized?this.show():this.close("api")}}get images(){return this._images}set images(value){if(value===this._imagesSource||value===this._images)return;this._imagesSource=value;const old=this._images;this._images=snapshotLightboxImages(value),this.requestUpdate("images",old)}get fit(){return this._fit}set fit(value){const old=this._fit;this._fit=normalizeImageFit(value,"actual"),this.requestUpdate("fit",old)}currentIndex(){const count=this.images.length;return count===0?0:finiteCount(this.index,0,count-1)}syncImages(){const current=this.currentIndex();this.index!==current&&(this.index=current)}changeTo(index){const count=this.images.length;if(count===0||!Number.isFinite(index))return;const requested=finiteInteger(index,0),next=this.loop?(requested%count+count)%count:Math.min(count-1,Math.max(0,requested));next!==this.currentIndex()&&(this.index=next,this.emit("lr-index-change",{index:next}))}next(){this.changeTo(this.currentIndex()+1)}previous(){this.changeTo(this.currentIndex()-1)}goTo(index){this.changeTo(index)}async show(){if(this.coalesceOpenRequest(!0)||this._open)return;this.beginOpenRequest(!0);const prevented=this.emit("lr-show",null,{cancelable:!0}).defaultPrevented,superseded=this.openRequestWasSuperseded(!0);if(this.finishOpenRequest(),prevented||superseded){this.syncOpenAttribute();return}this.applyOpenState(!0);const generation=++this.transitionGeneration;await this.updateComplete,generation===this.transitionGeneration&&this._open&&this.emit("lr-after-show",null)}hide(){return this.close("api")}async close(reason="api"){return this.closeFrom(reason,this)}async closeFrom(reason,source){if(this.coalesceOpenRequest(!1)||!this._open)return;if(this.beginOpenRequest(!1),this.emit("lr-hide",{source},{cancelable:!0}).defaultPrevented||this.openRequestWasSuperseded(!1)){this.finishOpenRequest(),this.syncOpenAttribute();return}if(this.emit("lr-close-request",{reason},{cancelable:!0}).defaultPrevented||this.openRequestWasSuperseded(!1)){this.finishOpenRequest(),this.syncOpenAttribute();return}this.finishOpenRequest(),this.applyOpenState(!1);const generation=++this.transitionGeneration;this.emit("lr-close",{reason}),await this.updateComplete,generation===this.transitionGeneration&&!this._open&&this.emit("lr-after-hide",null)}coalesceOpenRequest(next){return this.openRequestTarget===void 0?!1:(this.openRequestDuringPreflight=next,!0)}beginOpenRequest(next){this.openRequestTarget=next,this.openRequestDuringPreflight=void 0}openRequestWasSuperseded(next){return this.openRequestDuringPreflight!==void 0&&this.openRequestDuringPreflight!==next}finishOpenRequest(){this.openRequestTarget=void 0,this.openRequestDuringPreflight=void 0}applyOpenState(next){const old=this._open;this._open=next,this.requestUpdate("open",old)}syncOpenAttribute(){this.toggleAttribute("open",this._open)}updateLiveRegion(){const count=this.images.length,formatter=getNumberFormat(this.effectiveLocale,{maximumFractionDigits:0,useGrouping:!1});this.liveText=count===0?"":this.localize("lightboxImagePosition",void 0,{index:formatter.format(this.currentIndex()+1),total:formatter.format(count)})}captureAnnouncementBaseline(){this.announcementBaseline={index:this.currentIndex(),images:this.images}}willUpdate(changed){if(super.willUpdate(changed),changed.has("images")||changed.has("index")){const index=changed.has("index")?void 0:this.index;this.syncImages(),index!==void 0&&this.index!==index&&this.emit("lr-index-change",{index:this.index})}if((changed.has("index")||changed.has("images")||changed.has("strings")||changed.has("locale"))&&this.updateLiveRegion(),changed.has("open"))if(this.open)this.modalSurface.open(()=>this.activateOverlay());else{const hadOverlay=this.overlay!==void 0;this.modalSurface.close(hadOverlay,()=>this.deactivateOverlay(),()=>!this.open)}}updated(changed){super.updated(changed),!(this.announcementBaseline?.index===this.currentIndex()&&this.announcementBaseline.images===this.images)&&this.open&&this.liveText!==""&&isAccessibilityVisible(this)&&(changed.has("index")||changed.has("images"))&&this.announcementSink?.announce(this.liveText),this.isConnected&&this.captureAnnouncementBaseline(),changed.has("open")&&this.open&&(this.modalSurface.show(),this.overlay?.focusInitial());let currentSourceChanged=!1;if(changed.has("images")){const previousImages=changed.get("images"),previousIndex=changed.has("index")?changed.get("index")??0:this.index;currentSourceChanged=previousImages?.[previousImages.length>0?finiteCount(previousIndex,0,previousImages.length-1):0]?.src!==this.images[this.currentIndex()]?.src}this.open&&(changed.has("index")||currentSourceChanged)&&this.frameEl?.resetView()}connectedCallback(){super.connectedCallback();const generation=++this.connectionGeneration,connectionDocument=this.ownerDocument;this.announcementSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this}),this.captureAnnouncementBaseline(),this.hasUpdated&&this.open&&(this.overlay?.isActive()?this.overlay.resume():this.activateOverlay(),queueDocumentMicrotask(connectionDocument,()=>{this.connectionGeneration===generation&&this.ownerDocument===connectionDocument&&this.isConnected&&this.open&&(this.modalSurface.show(),this.overlay?.focusInitial())}))}disconnectedCallback(){const generation=++this.connectionGeneration,connectionDocument=this.ownerDocument;this.announcementSink?.release(),this.announcementSink=void 0,this.announcementBaseline=void 0,super.disconnectedCallback(),this.modalSurface.disconnect(),this.overlay?.suspend(),this.open&&queueDocumentMicrotask(connectionDocument,()=>{this.connectionGeneration===generation&&this.ownerDocument===connectionDocument&&!this.isConnected&&this.open&&(this.transitionGeneration++,this.emit("lr-hide",{source:this}),this.applyOpenState(!1),this.emit("lr-close",{reason:"unmount"}),this.emit("lr-after-hide",null))})}activateOverlay(){this.overlay?.isActive()||(this.overlay=activateOverlay({host:this,panel:()=>this.shadowRoot?.querySelector('[part="panel"]')??null,onEscape:()=>{const panel=this.renderRoot.querySelector('[part="panel"]')??this;this.closeFrom("escape",panel)},onBackdrop:()=>{const backdrop=this.renderRoot.querySelector('[part="backdrop"]')??this;this.closeFrom("backdrop",backdrop)},preferredInitialFocus:()=>this.shadowRoot?.querySelector('[part="close-button"]')??null,lockScroll:!0,suspendWhenUnrendered:!0}))}deactivateOverlay(){this.overlay?.deactivate(),this.overlay=void 0}render(){const count=this.images.length,current=this.currentIndex(),image=count>0?this.images[current]:void 0,label=this.accessibleLabel??this.localize("lightboxLabel"),hasCaption=!!image?.caption,formatter=getNumberFormat(this.effectiveLocale,{maximumFractionDigits:0,useGrouping:!1}),positionText=count>0?this.localize("lightboxImagePosition",void 0,{index:formatter.format(current+1),total:formatter.format(count)}):"";return this.nativeModal.render(html`
+import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/native-modal-carrier.js";import{ModalSurfaceController}from"../../../internal/modal-surface-controller.js";import{nativeModalCarrierStyles}from"../../../internal/native-modal-carrier.styles.js";import{html,nothing}from"lit";import{live}from"lit/directives/live.js";import{property,query,state}from"lit/decorators.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{LyraElement}from"../../../internal/lyra-element.js";import{HostDescriptionController}from"../../../internal/aria-controls.js";import{activateOverlay}from"../../../internal/overlay-manager.js";import{isAccessibilityVisible,nextId,srOnly}from"../../../internal/a11y.js";import{closeIcon,chevronIcon}from"../../../internal/icons.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{finiteCount,finiteInteger}from"../../../internal/numbers.js";import{normalizeImageFit}from"../../../internal/image-fit.js";import{SlotPresenceController}from"../../../internal/slot-presence-controller.js";import{styles}from"./lightbox.styles.js";import{LightboxSourceController}from"./lightbox-source.js";import"../pan-zoom/pan-zoom.class.js";import{keyEventOwnedByInnerControl}from"../../../internal/hotkey.js";import{LYRA_DEFAULT_imageViewerFailedToLoad,LYRA_DEFAULT_lightboxImagePosition,LYRA_DEFAULT_lightboxLabel}from"../../../internal/default-strings/media.generated.js";import{LYRA_DEFAULT_close,LYRA_DEFAULT_loading,LYRA_DEFAULT_next,LYRA_DEFAULT_previous,LYRA_DEFAULT_retry}from"../../../internal/default-strings/shared.generated.js";const MAX_LIGHTBOX_IMAGES=1e4,EMPTY_LIGHTBOX_IMAGES=Object.freeze([]);function snapshotLightboxImages(value){try{if(!Array.isArray(value))return EMPTY_LIGHTBOX_IMAGES;const count=Math.min(value.length,MAX_LIGHTBOX_IMAGES),images=[];for(let index=0;index<count;index++)try{const candidate=value[index];if(typeof candidate!="object"||candidate===null)continue;const src=candidate.src;if(typeof src!="string")continue;const alt=candidate.alt,caption=candidate.caption;images.push(Object.freeze({src,...typeof alt=="string"?{alt}:{},...typeof caption=="string"?{caption}:{}}))}catch{}return images.length?Object.freeze(images):EMPTY_LIGHTBOX_IMAGES}catch{return EMPTY_LIGHTBOX_IMAGES}}function queueDocumentMicrotask(ownerDocument,callback){const ownerWindow=ownerDocument.defaultView;if(ownerWindow){ownerWindow.queueMicrotask(callback);return}Promise.resolve().then(callback)}class LyraLightbox extends LyraElement{constructor(){super(...arguments),this.hostDescription=new HostDescriptionController(this,()=>this.renderRoot.querySelector(this.nativeModal.requested?"dialog[data-native-modal-carrier]":'[part="panel"][role="dialog"]')),this._open=!1,this.navigationIntent=0,this.sourceBindingCurrent=!0,this.sourceState=0,this.sourceController=new LightboxSourceController(this,()=>{this.sourceState++}),this._images=EMPTY_LIGHTBOX_IMAGES,this._fit="actual",this._index=0,this.loop=!1,this.lightDismiss=!1,this.withoutCounter=!1,this.minZoom=.5,this.maxZoom=4,this.zoomStep=.25,this.accessibleLabel=null,this.slotPresence=new SlotPresenceController(this),this.liveText="",this.nativeModal=new NativeModalCarrier(this,{onCancel:()=>{this.overlay?.isTopmost()&&this.closeFrom("escape",this.renderRoot.querySelector('[part="panel"]')??this)},onUnexpectedClose:()=>{this.hide().then(()=>{this.open&&this.modalSurface.show()})}}),this.modalSurface=new ModalSurfaceController(this,this.nativeModal),this.sourceErrorAnnounced=!1,this.sourceHasRendered=!1,this.connectionGeneration=0,this.transitionGeneration=0,this.captionId=nextId("lightbox-caption"),this.onBackdropClick=()=>{this.lightDismiss&&this.overlay?.dismissBackdrop()},this.onCloseButtonClick=()=>{const button=this.renderRoot.querySelector('[part="close-button"]')??this;this.closeFrom("close-button",button)},this.onPanelKeyDown=event=>{for(const target of event.composedPath()){if(target===this)break;if(target instanceof Element&&target.getRootNode()!==this.shadowRoot&&target.matches('a[href], button, [role="button"], [role="link"]'))return}if(keyEventOwnedByInnerControl(event,{container:this,ownerTag:"lr-pan-zoom"}))return;const rtl=this.effectiveDirection==="rtl",forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";event.key===forwardKey?(event.preventDefault(),this.next()):event.key===backwardKey?(event.preventDefault(),this.previous()):event.key==="Home"?(event.preventDefault(),this.goTo(0)):event.key==="End"&&(event.preventDefault(),this.goTo(this.imageCount()-1))}}static{this.defaultStrings={...super.defaultStrings,close:LYRA_DEFAULT_close,imageViewerFailedToLoad:LYRA_DEFAULT_imageViewerFailedToLoad,lightboxImagePosition:LYRA_DEFAULT_lightboxImagePosition,lightboxLabel:LYRA_DEFAULT_lightboxLabel,loading:LYRA_DEFAULT_loading,next:LYRA_DEFAULT_next,previous:LYRA_DEFAULT_previous,retry:LYRA_DEFAULT_retry}}static{this.styles=[LyraElement.styles,nativeModalCarrierStyles,srOnly,styles]}adoptedCallback(){super.adoptedCallback(),this.hostDescription.adopted(),this.sourceController.adopted()}get open(){return this._open}set open(next){const normalized=!!next;if(!this.coalesceOpenRequest(normalized)&&normalized!==this._open){if(!this.hasUpdated){this.applyOpenState(normalized);return}normalized?this.show():this.close("api")}}static{this.identityCollectionObjectProperties=Object.freeze(["imageSource"])}get imageSource(){return this._imageSource}set imageSource(value){const previous=this._imageSource;this.navigationIntent++,this.sourceBindingCurrent=!1,this._imageSource=value,this.sourceController?.refresh(),this.frameEl&&(this.frameEl.src=""),this.requestUpdate("imageSource",previous)}requestUpdate(...args){args[0]===void 0&&this._imageSource!==void 0&&(this.navigationIntent++,this.sourceBindingCurrent=!1,this.sourceController?.refresh(),this.frameEl&&(this.frameEl.src="")),super.requestUpdate(...args)}imageCount(){return this.imageSource===void 0?this.images.length:this.sourceController.count}get images(){return this._images}set images(value){if(value===this._imagesSource||value===this._images)return;this._imagesSource=value;const old=this._images;this._images=snapshotLightboxImages(value),this.requestUpdate("images",old)}get index(){return this._index}set index(value){this.navigationIntent++;const previous=this._index;this._index=value,value!==previous&&this.imageSource!==void 0&&(this.sourceController?.select(this.currentIndex()),this.frameEl&&(this.frameEl.src="")),this.requestUpdate("index",previous)}get fit(){return this._fit}set fit(value){const old=this._fit;this._fit=normalizeImageFit(value,"actual"),this.requestUpdate("fit",old)}currentIndex(){const count=this.imageCount();return count===0?0:finiteCount(this.index,0,count-1)}syncImages(){const current=this.currentIndex();this.index!==current&&(this.index=current)}changeTo(index){const count=this.imageCount();if(count===0||!Number.isFinite(index))return;const requested=finiteInteger(index,0),next=this.loop?(requested%count+count)%count:Math.min(count-1,Math.max(0,requested));if(next===this.currentIndex())return;const intent=this.navigationIntent+1;this.index=next,this.navigationIntent===intent&&this.emit("lr-index-change",{index:next})}next(){this.changeTo(this.currentIndex()+1)}previous(){this.changeTo(this.currentIndex()-1)}goTo(index){this.changeTo(index)}async show(){if(this.coalesceOpenRequest(!0)||this._open)return;this.beginOpenRequest(!0);const prevented=this.emit("lr-show",null,{cancelable:!0}).defaultPrevented,superseded=this.openRequestWasSuperseded(!0);if(this.finishOpenRequest(),prevented||superseded){this.syncOpenAttribute();return}this.applyOpenState(!0);const generation=++this.transitionGeneration;await this.updateComplete,generation===this.transitionGeneration&&this._open&&this.emit("lr-after-show",null)}hide(){return this.close("api")}async close(reason="api"){return this.closeFrom(reason,this)}async closeFrom(reason,source){if(this.coalesceOpenRequest(!1)||!this._open)return;if(this.beginOpenRequest(!1),this.emit("lr-hide",{source},{cancelable:!0}).defaultPrevented||this.openRequestWasSuperseded(!1)){this.finishOpenRequest(),this.syncOpenAttribute();return}if(this.emit("lr-close-request",{reason},{cancelable:!0}).defaultPrevented||this.openRequestWasSuperseded(!1)){this.finishOpenRequest(),this.syncOpenAttribute();return}this.finishOpenRequest(),this.applyOpenState(!1);const generation=++this.transitionGeneration;this.emit("lr-close",{reason}),await this.updateComplete,generation===this.transitionGeneration&&!this._open&&this.emit("lr-after-hide",null)}coalesceOpenRequest(next){return this.openRequestTarget===void 0?!1:(this.openRequestDuringPreflight=next,!0)}beginOpenRequest(next){this.openRequestTarget=next,this.openRequestDuringPreflight=void 0}openRequestWasSuperseded(next){return this.openRequestDuringPreflight!==void 0&&this.openRequestDuringPreflight!==next}finishOpenRequest(){this.openRequestTarget=void 0,this.openRequestDuringPreflight=void 0}applyOpenState(next){const old=this._open;this._open=next,this.requestUpdate("open",old)}syncOpenAttribute(){this.toggleAttribute("open",this._open)}updateLiveRegion(){const count=this.imageCount(),formatter=getNumberFormat(this.effectiveLocale,{maximumFractionDigits:0,useGrouping:!1});this.liveText=count===0?"":this.localize("lightboxImagePosition",void 0,{index:formatter.format(this.currentIndex()+1),total:formatter.format(count)})}captureAnnouncementBaseline(){this.announcementBaseline={index:this.currentIndex(),images:this.images,source:this.imageSource}}willUpdate(changed){if(super.willUpdate(changed),this.sourceBindingCurrent=this.sourceController.update(this.imageSource,this.effectiveLocale),this.sourceBindingCurrent&&(changed.has("images")||changed.has("index")||changed.has("imageSource")||changed.has("sourceState"))){const index=changed.has("index")?void 0:this.index,intent=this.navigationIntent+1;this.syncImages(),index!==void 0&&this.index!==index&&this.navigationIntent===intent&&this.sourceBindingCurrent&&this.emit("lr-index-change",{index:this.index})}if(this.sourceBindingCurrent&&this.imageSource!==void 0&&this.sourceController.select(this.currentIndex()),this.sourceBindingCurrent||queueDocumentMicrotask(this.ownerDocument,()=>{this.isConnected&&this.sourceState++}),this.sourceBindingCurrent&&(changed.has("index")||changed.has("images")||changed.has("imageSource")||changed.has("sourceState")||changed.has("strings")||changed.has("locale"))&&this.updateLiveRegion(),changed.has("open"))if(this.open)this.modalSurface.open(()=>this.activateOverlay());else{const hadOverlay=this.overlay!==void 0;this.modalSurface.close(hadOverlay,()=>this.deactivateOverlay(),()=>!this.open)}}updated(changed){super.updated(changed),!(this.announcementBaseline?.index===this.currentIndex()&&this.announcementBaseline.images===this.images&&this.announcementBaseline.source===this.imageSource)&&this.sourceBindingCurrent&&this.open&&this.liveText!==""&&isAccessibilityVisible(this)&&(changed.has("index")||changed.has("images")||changed.has("imageSource"))&&this.announcementSink?.announce(this.liveText);const sourceError=this.sourceBindingCurrent&&this.imageSource!==void 0&&this.sourceController.state==="error";sourceError||(this.sourceErrorAnnounced=!1),sourceError&&!this.sourceErrorAnnounced&&this.sourceHasRendered&&this.open&&isAccessibilityVisible(this)&&(this.sourceErrorAnnounced=!0,this.announcementSink?.announce(this.localize("imageViewerFailedToLoad"))),this.sourceHasRendered=!0,this.isConnected&&this.sourceBindingCurrent&&this.captureAnnouncementBaseline(),changed.has("open")&&this.open&&(this.modalSurface.show(),this.overlay?.focusInitial());let currentSourceChanged=!1;if(changed.has("images")){const previousImages=changed.get("images"),previousIndex=changed.has("index")?changed.get("index")??0:this.index;currentSourceChanged=previousImages?.[previousImages.length>0?finiteCount(previousIndex,0,previousImages.length-1):0]?.src!==this.images[this.currentIndex()]?.src}const sourceImage=this.imageSource===void 0?void 0:this.sourceController.image;currentSourceChanged||=changed.has("imageSource")||sourceImage!==void 0&&sourceImage!==this.lastSourceImage,this.lastSourceImage=sourceImage,this.open&&(changed.has("index")||currentSourceChanged)&&this.frameEl?.resetView()}connectedCallback(){super.connectedCallback();const generation=++this.connectionGeneration,connectionDocument=this.ownerDocument;this.announcementSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this}),this.captureAnnouncementBaseline(),this.hasUpdated&&this.open&&(this.overlay?.isActive()?this.overlay.resume():this.activateOverlay(),queueDocumentMicrotask(connectionDocument,()=>{this.connectionGeneration===generation&&this.ownerDocument===connectionDocument&&this.isConnected&&this.open&&(this.modalSurface.show(),this.overlay?.focusInitial())}))}disconnectedCallback(){const generation=++this.connectionGeneration,connectionDocument=this.ownerDocument;this.announcementSink?.release(),this.announcementSink=void 0,this.announcementBaseline=void 0,this.sourceErrorAnnounced=!1,this.sourceHasRendered=!1,this.lastSourceImage=void 0,super.disconnectedCallback(),this.modalSurface.disconnect(),this.overlay?.suspend(),this.open&&queueDocumentMicrotask(connectionDocument,()=>{this.connectionGeneration===generation&&this.ownerDocument===connectionDocument&&!this.isConnected&&this.open&&(this.transitionGeneration++,this.emit("lr-hide",{source:this}),this.applyOpenState(!1),this.emit("lr-close",{reason:"unmount"}),this.emit("lr-after-hide",null))})}activateOverlay(){this.overlay?.isActive()||(this.overlay=activateOverlay({host:this,panel:()=>this.shadowRoot?.querySelector('[part="panel"]')??null,onEscape:()=>{const panel=this.renderRoot.querySelector('[part="panel"]')??this;this.closeFrom("escape",panel)},onBackdrop:()=>{const backdrop=this.renderRoot.querySelector('[part="backdrop"]')??this;this.closeFrom("backdrop",backdrop)},preferredInitialFocus:()=>this.shadowRoot?.querySelector('[part="close-button"]')??null,lockScroll:!0,suspendWhenUnrendered:!0}))}deactivateOverlay(){this.overlay?.deactivate(),this.overlay=void 0}render(){const count=this.imageCount(),current=this.currentIndex(),image=this.imageSource===void 0?count>0?this.images[current]:void 0:this.sourceController.image,sourceState=this.imageSource===void 0?void 0:this.sourceController.state,label=this.accessibleLabel??this.localize("lightboxLabel"),hasCaption=!!image?.caption,formatter=getNumberFormat(this.effectiveLocale,{maximumFractionDigits:0,useGrouping:!1}),positionText=count>0?this.localize("lightboxImagePosition",void 0,{index:formatter.format(current+1),total:formatter.format(count)}):"";return this.nativeModal.render(html`
       <div part="backdrop" @click=${this.onBackdropClick}></div>
       <div
         part="panel"
@@ -18,7 +18,9 @@ import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/n
             ${closeIcon()}
           </button>
         </div>
-        <div part="stage">
+        <div part="stage" aria-busy=${sourceState==="loading"?"true":"false"}>
+          ${sourceState==="loading"?html`<p part="source-loading">${this.localize("loading")}</p>`:nothing}
+          ${sourceState==="error"?html`<div part="source-error">${this.localize("imageViewerFailedToLoad")}<button part="source-retry" type="button" @click=${()=>this.sourceController.retry(this.currentIndex())}>${this.localize("retry")}</button></div>`:nothing}
           ${count>1?html`
                 <button
                   part="previous-button"
@@ -33,7 +35,7 @@ import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/n
           <lr-pan-zoom
             part="frame"
             exportparts="viewport:frame-viewport,content:frame-content,controls:frame-controls"
-            src=${image?.src??""}
+            .src=${live(image?.src??"")}
             alt=${image?.alt??""}
             .fit=${this.fit}
             .minZoom=${this.minZoom}
@@ -61,4 +63,4 @@ import{__decorate}from"tslib";import{NativeModalCarrier}from"../../../internal/n
         >
         ${this.nativeModal.renderHelperSlot()}
       </div>
-    `,{label,describedBy:hasCaption?this.captionId:null})}}__decorate([property({type:Boolean,reflect:!0})],LyraLightbox.prototype,"open",null),__decorate([property({attribute:!1})],LyraLightbox.prototype,"images",null),__decorate([property({type:Number,reflect:!0})],LyraLightbox.prototype,"index",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraLightbox.prototype,"loop",void 0),__decorate([property({type:Boolean,attribute:"light-dismiss"})],LyraLightbox.prototype,"lightDismiss",void 0),__decorate([property({type:Boolean,attribute:"without-counter"})],LyraLightbox.prototype,"withoutCounter",void 0),__decorate([property({reflect:!0})],LyraLightbox.prototype,"fit",null),__decorate([property({type:Number,attribute:"min-zoom"})],LyraLightbox.prototype,"minZoom",void 0),__decorate([property({type:Number,attribute:"max-zoom"})],LyraLightbox.prototype,"maxZoom",void 0),__decorate([property({type:Number,attribute:"zoom-step"})],LyraLightbox.prototype,"zoomStep",void 0),__decorate([property({attribute:"aria-label"})],LyraLightbox.prototype,"accessibleLabel",void 0),__decorate([state()],LyraLightbox.prototype,"liveText",void 0),__decorate([query("lr-pan-zoom")],LyraLightbox.prototype,"frameEl",void 0);export{LyraLightbox};
+    `,{label,describedBy:hasCaption?this.captionId:null})}}__decorate([property({type:Boolean,reflect:!0})],LyraLightbox.prototype,"open",null),__decorate([state()],LyraLightbox.prototype,"sourceState",void 0),__decorate([property({attribute:!1,noAccessor:!0,hasChanged:()=>!0})],LyraLightbox.prototype,"imageSource",null),__decorate([property({attribute:!1})],LyraLightbox.prototype,"images",null),__decorate([property({type:Number,reflect:!0,noAccessor:!0})],LyraLightbox.prototype,"index",null),__decorate([property({type:Boolean,reflect:!0})],LyraLightbox.prototype,"loop",void 0),__decorate([property({type:Boolean,attribute:"light-dismiss"})],LyraLightbox.prototype,"lightDismiss",void 0),__decorate([property({type:Boolean,attribute:"without-counter"})],LyraLightbox.prototype,"withoutCounter",void 0),__decorate([property({reflect:!0})],LyraLightbox.prototype,"fit",null),__decorate([property({type:Number,attribute:"min-zoom"})],LyraLightbox.prototype,"minZoom",void 0),__decorate([property({type:Number,attribute:"max-zoom"})],LyraLightbox.prototype,"maxZoom",void 0),__decorate([property({type:Number,attribute:"zoom-step"})],LyraLightbox.prototype,"zoomStep",void 0),__decorate([property({attribute:"aria-label"})],LyraLightbox.prototype,"accessibleLabel",void 0),__decorate([state()],LyraLightbox.prototype,"liveText",void 0),__decorate([query("lr-pan-zoom")],LyraLightbox.prototype,"frameEl",void 0);export{LyraLightbox};

package/dist/components/media/lightbox/lightbox.styles.js

@@ -1 +1 @@
-import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{modalHostStyles}from"../../../internal/native-modal-carrier.styles.js";import{compactContainerQuery}from"../../../internal/container-breakpoints.styles.js";const styles=css` :host { --_lr-lightbox-overlay-color: var(--lr-color-overlay-strong); --_lr-lightbox-control-bg: var(--lr-color-neutral); --_lr-lightbox-control-color: var(--lr-color-on-neutral); ${modalHostStyles} max-inline-size: none; max-block-size: none; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); padding-block-start: max(var(--lr-space-l), var(--lr-safe-area-top)); padding-block-end: max(var(--lr-space-l), var(--lr-safe-area-bottom)); padding-inline-start: max( var(--lr-space-l), var(--lr-safe-area-inline-start) ); padding-inline-end: max(var(--lr-space-l), var(--lr-safe-area-inline-end)); } :host([open]) { display: flex; } [part="backdrop"] { position: absolute; inset: 0; background: var( --lr-lightbox-overlay-color, var(--_lr-lightbox-overlay-color) ); } [part="panel"] { position: relative; display: flex; flex-direction: column; gap: var(--lr-space-s); inline-size: 100%; block-size: 100%; min-inline-size: 0; min-block-size: 0; outline: none; } [part="toolbar"] { display: flex; align-items: center; flex: 0 0 auto; flex-wrap: wrap; gap: var(--lr-space-s); } [part="counter"] { display: inline-block; min-inline-size: 0; max-inline-size: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: var(--lr-space-xs) var(--lr-space-s); border-radius: var(--lr-radius); background: var(--lr-lightbox-control-bg, var(--_lr-lightbox-control-bg)); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); font-size: var(--lr-font-size-sm); } [part="actions"] { display: flex; align-items: center; flex: 1 1 0; flex-wrap: wrap; justify-content: flex-end; min-inline-size: 0; max-inline-size: 100%; gap: var(--lr-space-xs); margin-inline-start: auto; } slot[name="actions"]::slotted(*) { box-sizing: border-box; min-inline-size: 0; max-inline-size: 100%; overflow-wrap: anywhere; } [part="actions"][hidden] { display: none; } [part="close-button"], [part="previous-button"], [part="next-button"] { font: inherit; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; ${iconHitTarget} border: none; border-radius: var(--lr-radius-pill); background: var(--lr-lightbox-control-bg, var(--_lr-lightbox-control-bg)); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); cursor: pointer; transition: background-color var(--lr-transition-fast), color var(--lr-transition-fast); } [part="close-button"] { margin-inline-start: var(--lr-space-xs); } :where([part="close-button"]):hover, :where([part="previous-button"]):hover:where(:not(:disabled)), :where([part="next-button"]):hover:where(:not(:disabled)) { background: var(--lr-color-brand-quiet); color: var(--lr-color-brand); } :where([part="close-button"]):active, :where([part="previous-button"]):active:where(:not(:disabled)), :where([part="next-button"]):active:where(:not(:disabled)) { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); color: var(--lr-color-brand); } [part="close-button"]:focus-visible, [part="previous-button"]:focus-visible, [part="next-button"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } [part="previous-button"]:disabled, [part="next-button"]:disabled { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part="close-button"] svg, [part="previous-glyph"], [part="next-glyph"] { display: block; } [part="stage"] { position: relative; flex: 1 1 auto; min-inline-size: 0; min-block-size: 0; } lr-pan-zoom[part="frame"] { display: block; inline-size: 100%; block-size: 100%; } lr-pan-zoom[part="frame"]::part(base) { block-size: 100%; } lr-pan-zoom[part="frame"]::part(viewport) { block-size: 100%; } [part="previous-button"], [part="next-button"] { position: absolute; inset-block-start: 50%; transform: translateY(-50%); z-index: var(--lr-layer-content); } [part="previous-button"] { inset-inline-start: var(--lr-space-s); } [part="next-button"] { inset-inline-end: var(--lr-space-s); } [part="previous-glyph"] { transform: rotate(180deg); } [part="next-glyph"] { transform: rotate(0deg); } :host(:dir(rtl)) [part="previous-glyph"] { transform: rotate(0deg); } :host(:dir(rtl)) [part="next-glyph"] { transform: rotate(180deg); } [part="caption"] { flex: 0 0 auto; margin: 0; max-inline-size: 100%; max-block-size: var(--lr-size-8rem); overflow-x: hidden; overflow-y: auto; align-self: center; padding: var(--lr-space-xs) var(--lr-space-s); border-radius: var(--lr-radius); background: var(--lr-lightbox-control-bg, var(--_lr-lightbox-control-bg)); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); text-align: center; overflow-wrap: anywhere; } @container ${compactContainerQuery} { [part="counter"] { max-inline-size: 45%; } } `;export{styles};
+import{iconHitTarget}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{modalHostStyles}from"../../../internal/native-modal-carrier.styles.js";import{compactContainerQuery}from"../../../internal/container-breakpoints.styles.js";const styles=css` :host { --_lr-lightbox-overlay-color: var(--lr-color-overlay-strong); --_lr-lightbox-control-bg: var(--lr-color-neutral); --_lr-lightbox-control-color: var(--lr-color-on-neutral); ${modalHostStyles} max-inline-size: none; max-block-size: none; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); padding-block-start: max(var(--lr-space-l), var(--lr-safe-area-top)); padding-block-end: max(var(--lr-space-l), var(--lr-safe-area-bottom)); padding-inline-start: max( var(--lr-space-l), var(--lr-safe-area-inline-start) ); padding-inline-end: max(var(--lr-space-l), var(--lr-safe-area-inline-end)); } :host([open]) { display: flex; } [part="backdrop"] { position: absolute; inset: 0; background: var( --lr-lightbox-overlay-color, var(--_lr-lightbox-overlay-color) ); } [part="panel"] { position: relative; display: flex; flex-direction: column; gap: var(--lr-space-s); inline-size: 100%; block-size: 100%; min-inline-size: 0; min-block-size: 0; outline: none; } [part="toolbar"] { display: flex; align-items: center; flex: 0 0 auto; flex-wrap: wrap; gap: var(--lr-space-s); } [part="counter"] { display: inline-block; min-inline-size: 0; max-inline-size: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: var(--lr-space-xs) var(--lr-space-s); border-radius: var(--lr-radius); background: var(--lr-lightbox-control-bg, var(--_lr-lightbox-control-bg)); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); font-size: var(--lr-font-size-sm); } [part="actions"] { display: flex; align-items: center; flex: 1 1 0; flex-wrap: wrap; justify-content: flex-end; min-inline-size: 0; max-inline-size: 100%; gap: var(--lr-space-xs); margin-inline-start: auto; } slot[name="actions"]::slotted(*) { box-sizing: border-box; min-inline-size: 0; max-inline-size: 100%; overflow-wrap: anywhere; } [part="actions"][hidden] { display: none; } [part="source-retry"], [part="close-button"], [part="previous-button"], [part="next-button"] { font: inherit; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; ${iconHitTarget} border: none; border-radius: var(--lr-radius-pill); background: var(--lr-lightbox-control-bg, var(--_lr-lightbox-control-bg)); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); cursor: pointer; transition: background-color var(--lr-transition-fast), color var(--lr-transition-fast); } [part="close-button"] { margin-inline-start: var(--lr-space-xs); } :where([part="source-retry"]):hover, :where([part="close-button"]):hover, :where([part="previous-button"]):hover:where(:not(:disabled)), :where([part="next-button"]):hover:where(:not(:disabled)) { background: var(--lr-color-brand-quiet); color: var(--lr-color-brand); } :where([part="source-retry"]):active, :where([part="close-button"]):active, :where([part="previous-button"]):active:where(:not(:disabled)), :where([part="next-button"]):active:where(:not(:disabled)) { background: color-mix( in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); color: var(--lr-color-brand); } [part="source-retry"]:focus-visible, [part="close-button"]:focus-visible, [part="previous-button"]:focus-visible, [part="next-button"]:focus-visible { outline: var(--lr-focus-ring); outline-offset: var(--lr-focus-ring-offset); } [part="previous-button"]:disabled, [part="next-button"]:disabled { opacity: var(--lr-opacity-disabled); cursor: not-allowed; } [part="close-button"] svg, [part="previous-glyph"], [part="next-glyph"] { display: block; } [part="source-loading"], [part="source-error"] { position: absolute; inset: var(--lr-space-l); z-index: var(--lr-layer-content); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: var(--lr-space-s); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); overflow-wrap: anywhere; } [part="source-retry"] { padding-inline: var(--lr-space-s); } [part="stage"] { position: relative; flex: 1 1 auto; min-inline-size: 0; min-block-size: 0; } lr-pan-zoom[part="frame"] { display: block; inline-size: 100%; block-size: 100%; } lr-pan-zoom[part="frame"]::part(base) { block-size: 100%; } lr-pan-zoom[part="frame"]::part(viewport) { block-size: 100%; } [part="previous-button"], [part="next-button"] { position: absolute; inset-block-start: 50%; transform: translateY(-50%); z-index: var(--lr-layer-content); } [part="previous-button"] { inset-inline-start: var(--lr-space-s); } [part="next-button"] { inset-inline-end: var(--lr-space-s); } [part="previous-glyph"] { transform: rotate(180deg); } [part="next-glyph"] { transform: rotate(0deg); } :host(:dir(rtl)) [part="previous-glyph"] { transform: rotate(0deg); } :host(:dir(rtl)) [part="next-glyph"] { transform: rotate(180deg); } [part="caption"] { flex: 0 0 auto; margin: 0; max-inline-size: 100%; max-block-size: var(--lr-size-8rem); overflow-x: hidden; overflow-y: auto; align-self: center; padding: var(--lr-space-xs) var(--lr-space-s); border-radius: var(--lr-radius); background: var(--lr-lightbox-control-bg, var(--_lr-lightbox-control-bg)); color: var(--lr-lightbox-control-color, var(--_lr-lightbox-control-color)); text-align: center; overflow-wrap: anywhere; } @container ${compactContainerQuery} { [part="counter"] { max-inline-size: 45%; } } `;export{styles};

package/dist/components/media/map/map-geojson-diff.d.ts

@@ -2,14 +2,14 @@ import type{Feature}from'geojson';import type{MapLibreGeoJsonDiff}from'./map-loa
 /** Own enumerable data descriptors copied in source order; values stay opaque identities. */
 readonly properties:ReadonlyMap<string,unknown>;}interface CanonicalGeoJsonFeature extends CanonicalGeoJsonDiagnosticFeature{readonly id:string|number;
 /** The peer-facing feature identity; no component code reads it after this projection. */
-readonly feature:Feature;readonly geometry:unknown;readonly bbox:unknown;}interface CanonicalGeoJsonCollection{readonly ordered:readonly CanonicalGeoJsonFeature[];readonly byId:ReadonlyMap<string|number,CanonicalGeoJsonFeature>;}
+readonly feature:Feature;readonly geometry:unknown;readonly bbox:unknown;readonly geometryIdentity:unknown;readonly bboxIdentity:unknown;}interface CanonicalGeoJsonCollection{readonly ordered:readonly CanonicalGeoJsonFeature[];readonly byId:ReadonlyMap<string|number,CanonicalGeoJsonFeature>;}
 /** Descriptor metadata used internally; the original GeoJSON value remains peer-facing only. */
 export interface CanonicalGeoJsonProjection{readonly diagnostics:readonly CanonicalGeoJsonDiagnosticFeature[];readonly collection:CanonicalGeoJsonCollection|undefined;}
 /**
-* Captures only the bounded descriptor metadata this component subsequently needs. The original
-* GeoJSON value is deliberately absent from the result: callers retain it solely for MapLibre.
+* Captures bounded descriptor metadata and comparable geometry snapshots. Raw geometry/bbox
+* identities are retained only for identity checks; caller data is never read through accessors.
 */
-export declare function projectGeoJson(value:unknown):CanonicalGeoJsonProjection;
+export declare function projectGeoJson(value:unknown,comparableValues?:WeakMap<object,unknown>):CanonicalGeoJsonProjection;
 /**
 * Builds a maplibre-gl `updateData()` diff when stable feature ids make the change addressable,
 * and returns `null` otherwise so the caller replaces the whole source instead. Property changes,
@@ -30,5 +30,5 @@ export declare function projectGeoJson(value:unknown):CanonicalGeoJsonProjection
 * therefore remain minimal, while a reorder changes only the suffix it invalidated.
 */
 export declare function buildProjectedGeoJsonPropertyDiff(previous:CanonicalGeoJsonProjection,next:CanonicalGeoJsonProjection):MapLibreGeoJsonDiff|null;
-/** Admitted GeoJSON is never inspected again, so one projection per object suffices. */
-export declare function projectAdmittedGeoJson(value:unknown):CanonicalGeoJsonProjection;export declare function buildGeoJsonPropertyDiff(previous:unknown,next:unknown):MapLibreGeoJsonDiff|null;export{};
+/** Reuse admitted immutable GeoJSON, or reproject it after an explicit mutable-source refresh. */
+export declare function projectAdmittedGeoJson(value:unknown,refresh?:boolean):CanonicalGeoJsonProjection;export declare function buildGeoJsonPropertyDiff(previous:unknown,next:unknown):MapLibreGeoJsonDiff|null;export{};