@stlite/desktop 0.98.1 → 0.99.1

package/build/assets/wavesurfer.esm-BdCEnQA2-Cb5Yveqj.js

@@ -0,0 +1,74 @@
+function x(c,t,e,i){return new(e||(e=Promise))(function(s,n){function a(r){try{l(i.next(r))}catch(h){n(h)}}function o(r){try{l(i.throw(r))}catch(h){n(h)}}function l(r){var h;r.done?s(r.value):(h=r.value,h instanceof e?h:new e(function(p){p(h)})).then(a,o)}l((i=i.apply(c,t||[])).next())})}class H{constructor(){this.listeners={}}on(t,e,i){if(this.listeners[t]||(this.listeners[t]=new Set),i?.once){const s=(...n)=>{this.un(t,s),e(...n)};return this.listeners[t].add(s),()=>this.un(t,s)}return this.listeners[t].add(e),()=>this.un(t,e)}un(t,e){var i;(i=this.listeners[t])===null||i===void 0||i.delete(e)}once(t,e){return this.on(t,e,{once:!0})}unAll(){this.listeners={}}emit(t,...e){this.listeners[t]&&this.listeners[t].forEach(i=>i(...e))}}const N={decode:function(c,t){return x(this,void 0,void 0,function*(){const e=new AudioContext({sampleRate:t});try{return yield e.decodeAudioData(c)}finally{e.close()}})},createBuffer:function(c,t){if(!c||c.length===0)throw new Error("channelData must be a non-empty array");if(t<=0)throw new Error("duration must be greater than 0");if(typeof c[0]=="number"&&(c=[c]),!c[0]||c[0].length===0)throw new Error("channelData must contain non-empty channel arrays");(function(i){const s=i[0];if(s.some(n=>n>1||n<-1)){const n=s.length;let a=0;for(let o=0;o<n;o++){const l=Math.abs(s[o]);l>a&&(a=l)}for(const o of i)for(let l=0;l<n;l++)o[l]/=a}})(c);const e=c.map(i=>i instanceof Float32Array?i:Float32Array.from(i));return{duration:t,length:e[0].length,sampleRate:e[0].length/t,numberOfChannels:e.length,getChannelData:i=>{const s=e[i];if(!s)throw new Error(`Channel ${i} not found`);return s},copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};function G(c,t){const e=t.xmlns?document.createElementNS(t.xmlns,c):document.createElement(c);for(const[i,s]of Object.entries(t))if(i==="children"&&s)for(const[n,a]of Object.entries(s))a instanceof Node?e.appendChild(a):typeof a=="string"?e.appendChild(document.createTextNode(a)):e.appendChild(G(n,a));else i==="style"?Object.assign(e.style,s):i==="textContent"?e.textContent=s:e.setAttribute(i,s.toString());return e}function j(c,t,e){const i=G(c,t||{});return e?.appendChild(i),i}var K=Object.freeze({__proto__:null,createElement:j,default:j});const Q={fetchBlob:function(c,t,e){return x(this,void 0,void 0,function*(){const i=yield fetch(c,e);if(i.status>=400)throw new Error(`Failed to fetch ${c}: ${i.status} (${i.statusText})`);return(function(s,n){x(this,void 0,void 0,function*(){if(!s.body||!s.headers)return;const a=s.body.getReader(),o=Number(s.headers.get("Content-Length"))||0;let l=0;const r=h=>{l+=h?.length||0;const p=Math.round(l/o*100);n(p)};try{for(;;){const h=yield a.read();if(h.done)break;r(h.value)}}catch(h){console.warn("Progress tracking error:",h)}})})(i.clone(),t),i.blob()})}};function C(c){let t=c;const e=new Set;return{get value(){return t},set(i){Object.is(t,i)||(t=i,e.forEach(s=>s(t)))},update(i){this.set(i(t))},subscribe:i=>(e.add(i),()=>e.delete(i))}}function A(c,t){const e=C(c());return t.forEach(i=>i.subscribe(()=>{const s=c();Object.is(e.value,s)||e.set(s)})),{get value(){return e.value},subscribe:i=>e.subscribe(i)}}function _(c,t){let e;const i=()=>{e&&(e(),e=void 0),e=c()},s=t.map(n=>n.subscribe(i));return i(),()=>{e&&(e(),e=void 0),s.forEach(n=>n())}}class tt extends H{get isPlayingSignal(){return this._isPlaying}get currentTimeSignal(){return this._currentTime}get durationSignal(){return this._duration}get volumeSignal(){return this._volume}get mutedSignal(){return this._muted}get playbackRateSignal(){return this._playbackRate}get seekingSignal(){return this._seeking}constructor(t){super(),this.isExternalMedia=!1,this.reactiveMediaEventCleanups=[],t.media?(this.media=t.media,this.isExternalMedia=!0):this.media=document.createElement("audio"),this._isPlaying=C(!1),this._currentTime=C(0),this._duration=C(0),this._volume=C(this.media.volume),this._muted=C(this.media.muted),this._playbackRate=C(this.media.playbackRate||1),this._seeking=C(!1),this.setupReactiveMediaEvents(),t.mediaControls&&(this.media.controls=!0),t.autoplay&&(this.media.autoplay=!0),t.playbackRate!=null&&this.onMediaEvent("canplay",()=>{t.playbackRate!=null&&(this.media.playbackRate=t.playbackRate)},{once:!0})}setupReactiveMediaEvents(){this.reactiveMediaEventCleanups.push(this.onMediaEvent("play",()=>{this._isPlaying.set(!0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("pause",()=>{this._isPlaying.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("ended",()=>{this._isPlaying.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("timeupdate",()=>{this._currentTime.set(this.media.currentTime)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("durationchange",()=>{this._duration.set(this.media.duration||0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("loadedmetadata",()=>{this._duration.set(this.media.duration||0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("seeking",()=>{this._seeking.set(!0)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("seeked",()=>{this._seeking.set(!1)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("volumechange",()=>{this._volume.set(this.media.volume),this._muted.set(this.media.muted)})),this.reactiveMediaEventCleanups.push(this.onMediaEvent("ratechange",()=>{this._playbackRate.set(this.media.playbackRate)}))}onMediaEvent(t,e,i){return this.media.addEventListener(t,e,i),()=>this.media.removeEventListener(t,e,i)}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const t=this.getSrc();t.startsWith("blob:")&&URL.revokeObjectURL(t)}canPlayType(t){return this.media.canPlayType(t)!==""}setSrc(t,e){const i=this.getSrc();if(t&&i===t)return;this.revokeSrc();const s=e instanceof Blob&&(this.canPlayType(e.type)||!t)?URL.createObjectURL(e):t;if(i&&this.media.removeAttribute("src"),s||t)try{this.media.src=s}catch{this.media.src=t}}destroy(){this.reactiveMediaEventCleanups.forEach(t=>t()),this.reactiveMediaEventCleanups=[],this.isExternalMedia||(this.media.pause(),this.revokeSrc(),this.media.removeAttribute("src"),this.media.load(),this.media.remove())}setMediaElement(t){this.reactiveMediaEventCleanups.forEach(e=>e()),this.reactiveMediaEventCleanups=[],this.media=t,this.setupReactiveMediaEvents()}play(){return x(this,void 0,void 0,function*(){try{return yield this.media.play()}catch(t){if(t instanceof DOMException&&t.name==="AbortError")return;throw t}})}pause(){this.media.pause()}isPlaying(){return!this.media.paused&&!this.media.ended}setTime(t){this.media.currentTime=Math.max(0,Math.min(t,this.getDuration()))}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(t){this.media.volume=t}getMuted(){return this.media.muted}setMuted(t){this.media.muted=t}getPlaybackRate(){return this.media.playbackRate}isSeeking(){return this.media.seeking}setPlaybackRate(t,e){e!=null&&(this.media.preservesPitch=e),this.media.playbackRate=t}getMediaElement(){return this.media}setSinkId(t){return this.media.setSinkId(t)}}function et({maxTop:c,maxBottom:t,halfHeight:e,vScale:i,barMinHeight:s=0,barAlign:n}){let a=Math.round(c*e*i),o=a+Math.round(t*e*i)||1;return o<s&&(o=s,n||(a=o/2)),{topHeight:a,totalHeight:o}}function it({barAlign:c,halfHeight:t,topHeight:e,totalHeight:i,canvasHeight:s}){return c==="top"?0:c==="bottom"?s-i:t-e}function X(c,t,e){const i=t-c.left,s=e-c.top;return[i/c.width,s/c.height]}function U(c){return!!(c.barWidth||c.barGap||c.barAlign)}function V(c,t){if(!U(t))return c;const e=t.barWidth||.5,i=e+(t.barGap||e/2);return i===0?c:Math.floor(c/i)*i}function q({scrollLeft:c,totalWidth:t,numCanvases:e}){if(t===0)return[0];const i=c/t,s=Math.floor(i*e);return[s-1,s,s+1]}function Y(c){const t=c._cleanup;typeof t=="function"&&t()}function st(c){const t=C({scrollLeft:c.scrollLeft,scrollWidth:c.scrollWidth,clientWidth:c.clientWidth}),e=A(()=>(function(n){const{scrollLeft:a,scrollWidth:o,clientWidth:l}=n;if(o===0)return{startX:0,endX:1};const r=a/o,h=(a+l)/o;return{startX:Math.max(0,Math.min(1,r)),endX:Math.max(0,Math.min(1,h))}})(t.value),[t]),i=A(()=>(function(n){return{left:n.scrollLeft,right:n.scrollLeft+n.clientWidth}})(t.value),[t]),s=()=>{t.set({scrollLeft:c.scrollLeft,scrollWidth:c.scrollWidth,clientWidth:c.clientWidth})};return c.addEventListener("scroll",s,{passive:!0}),{scrollData:t,percentages:e,bounds:i,cleanup:()=>{c.removeEventListener("scroll",s),Y(t)}}}class nt extends H{constructor(t,e){super(),this.timeouts=[],this.isScrollable=!1,this.audioData=null,this.resizeObserver=null,this.lastContainerWidth=0,this.isDragging=!1,this.subscriptions=[],this.unsubscribeOnScroll=[],this.dragStream=null,this.scrollStream=null,this.containerInlinePadding=0,this.subscriptions=[],this.options=t;const i=this.parentFromOptionsContainer(t.container);this.parent=i;const[s,n]=this.initHtml();i.appendChild(s),this.container=s,this.scrollContainer=n.querySelector(".scroll"),this.wrapper=n.querySelector(".wrapper"),this.canvasWrapper=n.querySelector(".canvases"),this.progressWrapper=n.querySelector(".progress"),this.cursor=n.querySelector(".cursor"),this.calculateInlinePadding(),e&&n.appendChild(e),this.initEvents()}parentFromOptionsContainer(t){let e;if(typeof t=="string"?e=document.querySelector(t):t instanceof HTMLElement&&(e=t),!e)throw new Error("Container not found");return e}initEvents(){this.wrapper.addEventListener("click",e=>{const i=this.wrapper.getBoundingClientRect(),[s,n]=X(i,e.clientX,e.clientY);this.emit("click",s,n)}),this.wrapper.addEventListener("dblclick",e=>{const i=this.wrapper.getBoundingClientRect(),[s,n]=X(i,e.clientX,e.clientY);this.emit("dblclick",s,n)}),this.options.dragToSeek!==!0&&typeof this.options.dragToSeek!="object"||this.initDrag(),this.scrollStream=st(this.scrollContainer);const t=_(()=>{const{startX:e,endX:i}=this.scrollStream.percentages.value,{left:s,right:n}=this.scrollStream.bounds.value;this.emit("scroll",e,i,s,n)},[this.scrollStream.percentages,this.scrollStream.bounds]);if(this.subscriptions.push(t),typeof ResizeObserver=="function"){const e=this.createDelay(100);this.resizeObserver=new ResizeObserver(()=>{e().then(()=>this.onContainerResize()).catch(()=>{})}),this.resizeObserver.observe(this.scrollContainer)}}onContainerResize(){const t=this.parent.clientWidth;this.calculateInlinePadding(),t===this.lastContainerWidth&&this.options.height!=="auto"||(this.lastContainerWidth=t,this.reRender(),this.emit("resize"))}initDrag(){if(this.dragStream)return;this.dragStream=(function(e,i={}){const{threshold:s=3,mouseButton:n=0,touchDelay:a=100}=i,o=C(null),l=new Map,r=matchMedia("(pointer: coarse)").matches;let h=()=>{};const p=d=>{if(d.button!==n||(l.set(d.pointerId,d),l.size>1))return;let m=d.clientX,u=d.clientY,g=!1;const v=Date.now(),P=e.getBoundingClientRect(),{left:E,top:k}=P,w=b=>{if(b.defaultPrevented||l.size>1||r&&Date.now()-v<a)return;const R=b.clientX,D=b.clientY,W=R-m,L=D-u;(g||Math.abs(W)>s||Math.abs(L)>s)&&(b.preventDefault(),b.stopPropagation(),g||(o.set({type:"start",x:m-E,y:u-k}),g=!0),o.set({type:"move",x:R-E,y:D-k,deltaX:W,deltaY:L}),m=R,u=D)},S=b=>{if(l.delete(b.pointerId),g){const R=b.clientX,D=b.clientY;o.set({type:"end",x:R-E,y:D-k})}h()},y=b=>{l.delete(b.pointerId),b.relatedTarget&&b.relatedTarget!==document.documentElement||S(b)},M=b=>{g&&(b.stopPropagation(),b.preventDefault())},T=b=>{b.defaultPrevented||l.size>1||g&&b.preventDefault()};document.addEventListener("pointermove",w),document.addEventListener("pointerup",S),document.addEventListener("pointerout",y),document.addEventListener("pointercancel",y),document.addEventListener("touchmove",T,{passive:!1}),document.addEventListener("click",M,{capture:!0}),h=()=>{document.removeEventListener("pointermove",w),document.removeEventListener("pointerup",S),document.removeEventListener("pointerout",y),document.removeEventListener("pointercancel",y),document.removeEventListener("touchmove",T),setTimeout(()=>{document.removeEventListener("click",M,{capture:!0})},10)}};return e.addEventListener("pointerdown",p),{signal:o,cleanup:()=>{h(),e.removeEventListener("pointerdown",p),l.clear(),Y(o)}}})(this.wrapper);const t=_(()=>{const e=this.dragStream.signal.value;if(!e)return;const i=this.wrapper.getBoundingClientRect().width,s=(n=e.x/i)<0?0:n>1?1:n;var n;e.type==="start"?(this.isDragging=!0,this.emit("dragstart",s)):e.type==="move"?this.emit("drag",s):e.type==="end"&&(this.isDragging=!1,this.emit("dragend",s))},[this.dragStream.signal]);this.subscriptions.push(t)}calculateInlinePadding(){const{paddingLeft:t,paddingRight:e}=getComputedStyle(this.scrollContainer),i=parseFloat(t)+parseFloat(e);this.containerInlinePadding=Number.isNaN(i)?0:i}initHtml(){const t=document.createElement("div"),e=t.attachShadow({mode:"open"}),i=this.options.cspNonce&&typeof this.options.cspNonce=="string"?this.options.cspNonce.replace(/"/g,""):"";return e.innerHTML=`
+      <style${i?` nonce="${i}"`:""}>
+        :host {
+          user-select: none;
+          min-width: 1px;
+        }
+        :host audio {
+          display: block;
+          width: 100%;
+        }
+        :host .scroll {
+          overflow-x: auto;
+          overflow-y: hidden;
+          width: 100%;
+          position: relative;
+        }
+        :host .noScrollbar {
+          scrollbar-color: transparent;
+          scrollbar-width: none;
+        }
+        :host .noScrollbar::-webkit-scrollbar {
+          display: none;
+          -webkit-appearance: none;
+        }
+        :host .wrapper {
+          position: relative;
+          overflow: visible;
+          z-index: 2;
+        }
+        :host .canvases {
+          min-height: ${this.getHeight(this.options.height,this.options.splitChannels)}px;
+          pointer-events: none;
+        }
+        :host .canvases > div {
+          position: relative;
+        }
+        :host canvas {
+          display: block;
+          position: absolute;
+          top: 0;
+          image-rendering: pixelated;
+        }
+        :host .progress {
+          pointer-events: none;
+          position: absolute;
+          z-index: 2;
+          top: 0;
+          left: 0;
+          width: 0;
+          height: 100%;
+          overflow: hidden;
+        }
+        :host .progress > div {
+          position: relative;
+        }
+        :host .cursor {
+          pointer-events: none;
+          position: absolute;
+          z-index: 5;
+          top: 0;
+          left: 0;
+          height: 100%;
+          border-radius: 2px;
+        }
+      </style>
+
+      <div class="scroll" part="scroll">
+        <div class="wrapper" part="wrapper">
+          <div class="canvases" part="canvases"></div>
+          <div class="progress" part="progress"></div>
+          <div class="cursor" part="cursor"></div>
+        </div>
+      </div>
+    `,[t,e]}setOptions(t){var e;if(this.options.container!==t.container){const i=this.parentFromOptionsContainer(t.container);i.appendChild(this.container),this.parent=i}t.dragToSeek===!0||typeof this.options.dragToSeek=="object"?this.initDrag():((e=this.dragStream)===null||e===void 0||e.cleanup(),this.dragStream=null),this.options=t,this.reRender()}getWrapper(){return this.wrapper}getWidth(){return this.scrollContainer.clientWidth-this.containerInlinePadding}getScroll(){return this.scrollContainer.scrollLeft}setScroll(t){this.scrollContainer.scrollLeft=t}setScrollPercentage(t){const{scrollWidth:e}=this.scrollContainer,i=e*t;this.setScroll(i)}destroy(){var t;this.subscriptions.forEach(e=>e()),this.container.remove(),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),(t=this.unsubscribeOnScroll)===null||t===void 0||t.forEach(e=>e()),this.unsubscribeOnScroll=[],this.dragStream&&(this.dragStream.cleanup(),this.dragStream=null),this.scrollStream&&(this.scrollStream.cleanup(),this.scrollStream=null)}createDelay(t=10){let e,i;const s=()=>{e&&(clearTimeout(e),e=void 0),i&&(i(),i=void 0)};return this.timeouts.push(s),()=>new Promise((n,a)=>{s(),i=a,e=setTimeout(()=>{e=void 0,i=void 0,n()},t)})}getHeight(t,e){var i;const s=((i=this.audioData)===null||i===void 0?void 0:i.numberOfChannels)||1;return(function({optionsHeight:n,optionsSplitChannels:a,parentHeight:o,numberOfChannels:l,defaultHeight:r=128}){if(n==null)return r;const h=Number(n);if(!isNaN(h))return h;if(n==="auto"){const p=o||r;return a?.every(d=>!d.overlay)?p/l:p}return r})({optionsHeight:t,optionsSplitChannels:e,parentHeight:this.parent.clientHeight,numberOfChannels:s,defaultHeight:128})}convertColorValues(t,e){return(function(i,s,n){if(!Array.isArray(i))return i||"";if(i.length===0)return"#999";if(i.length<2)return i[0]||"";const a=document.createElement("canvas"),o=a.getContext("2d"),l=n??a.height*s,r=o.createLinearGradient(0,0,0,l||s),h=1/(i.length-1);return i.forEach((p,d)=>{r.addColorStop(d*h,p)}),r})(t,this.getPixelRatio(),e?.canvas.height)}getPixelRatio(){return t=window.devicePixelRatio,Math.max(1,t||1);var t}renderBarWaveform(t,e,i,s){const{width:n,height:a}=i.canvas,{halfHeight:o,barWidth:l,barRadius:r,barIndexScale:h,barSpacing:p,barMinHeight:d}=(function({width:u,height:g,length:v,options:P,pixelRatio:E}){const k=g/2,w=P.barWidth?P.barWidth*E:1,S=P.barGap?P.barGap*E:P.barWidth?w/2:0,y=w+S||1;return{halfHeight:k,barWidth:w,barGap:S,barRadius:P.barRadius||0,barMinHeight:P.barMinHeight?P.barMinHeight*E:0,barIndexScale:v>0?u/y/v:0,barSpacing:y}})({width:n,height:a,length:(t[0]||[]).length,options:e,pixelRatio:this.getPixelRatio()}),m=(function({channelData:u,barIndexScale:g,barSpacing:v,barWidth:P,halfHeight:E,vScale:k,canvasHeight:w,barAlign:S,barMinHeight:y}){const M=u[0]||[],T=u[1]||M,b=M.length,R=[];let D=0,W=0,L=0;for(let f=0;f<=b;f++){const O=Math.round(f*g);if(O>D){const{topHeight:Z,totalHeight:F}=et({maxTop:W,maxBottom:L,halfHeight:E,vScale:k,barMinHeight:y,barAlign:S}),J=it({barAlign:S,halfHeight:E,topHeight:Z,totalHeight:F,canvasHeight:w});R.push({x:D*v,y:J,width:P,height:F}),D=O,W=0,L=0}const B=Math.abs(M[f]||0),$=Math.abs(T[f]||0);B>W&&(W=B),$>L&&(L=$)}return R})({channelData:t,barIndexScale:h,barSpacing:p,barWidth:l,halfHeight:o,vScale:s,canvasHeight:a,barAlign:e.barAlign,barMinHeight:d});i.beginPath();for(const u of m)r&&"roundRect"in i?i.roundRect(u.x,u.y,u.width,u.height,r):i.rect(u.x,u.y,u.width,u.height);i.fill(),i.closePath()}renderLineWaveform(t,e,i,s){const{width:n,height:a}=i.canvas,o=(function({channelData:l,width:r,height:h,vScale:p}){const d=h/2,m=l[0]||[];return[m,l[1]||m].map((u,g)=>{const v=u.length,P=v?r/v:0,E=d,k=g===0?-1:1,w=[{x:0,y:E}];let S=0,y=0;for(let M=0;M<=v;M++){const T=Math.round(M*P);if(T>S){const R=E+(Math.round(y*d*p)||1)*k;w.push({x:S,y:R}),S=T,y=0}const b=Math.abs(u[M]||0);b>y&&(y=b)}return w.push({x:S,y:E}),w})})({channelData:t,width:n,height:a,vScale:s});i.beginPath();for(const l of o)if(l.length){i.moveTo(l[0].x,l[0].y);for(let r=1;r<l.length;r++){const h=l[r];i.lineTo(h.x,h.y)}}i.fill(),i.closePath()}renderWaveform(t,e,i){if(i.fillStyle=this.convertColorValues(e.waveColor,i),e.renderFunction)return void e.renderFunction(t,i);const s=(function({channelData:n,barHeight:a,normalize:o,maxPeak:l}){var r;const h=a||1;if(!o)return h;const p=n[0];if(!p||p.length===0)return h;let d=l??0;if(!l)for(let m=0;m<p.length;m++){const u=(r=p[m])!==null&&r!==void 0?r:0,g=Math.abs(u);g>d&&(d=g)}return d?h/d:h})({channelData:t,barHeight:e.barHeight,normalize:e.normalize,maxPeak:e.maxPeak});U(e)?this.renderBarWaveform(t,e,i,s):this.renderLineWaveform(t,e,i,s)}renderSingleCanvas(t,e,i,s,n,a,o){const l=this.getPixelRatio(),r=document.createElement("canvas");r.width=Math.round(i*l),r.height=Math.round(s*l),r.style.width=`${i}px`,r.style.height=`${s}px`,r.style.left=`${Math.round(n)}px`,a.appendChild(r);const h=r.getContext("2d");if(e.renderFunction?(h.fillStyle=this.convertColorValues(e.waveColor,h),e.renderFunction(t,h)):this.renderWaveform(t,e,h),r.width>0&&r.height>0){const p=r.cloneNode(),d=p.getContext("2d");d.drawImage(r,0,0),d.globalCompositeOperation="source-in",d.fillStyle=this.convertColorValues(e.progressColor,d),d.fillRect(0,0,r.width,r.height),o.appendChild(p)}}renderMultiCanvas(t,e,i,s,n,a){const o=this.getPixelRatio(),{clientWidth:l}=this.scrollContainer,r=i/o,h=(function({clientWidth:u,totalWidth:g,options:v}){return V(Math.min(8e3,u,g),v)})({clientWidth:l,totalWidth:r,options:e});let p={};if(h===0)return;const d=u=>{if(u<0||u>=m||p[u])return;p[u]=!0;const g=u*h;let v=Math.min(r-g,h);if(v=V(v,e),v<=0)return;const P=(function({channelData:E,offset:k,clampedWidth:w,totalWidth:S}){return E.map(y=>{const M=Math.floor(k/S*y.length),T=Math.floor((k+w)/S*y.length);return y.slice(M,T)})})({channelData:t,offset:g,clampedWidth:v,totalWidth:r});this.renderSingleCanvas(P,e,v,s,g,n,a)},m=Math.ceil(r/h);if(!this.isScrollable){for(let u=0;u<m;u++)d(u);return}if(q({scrollLeft:this.scrollContainer.scrollLeft,totalWidth:r,numCanvases:m}).forEach(u=>d(u)),m>1){const u=this.on("scroll",()=>{const{scrollLeft:g}=this.scrollContainer;Object.keys(p).length>10&&(n.innerHTML="",a.innerHTML="",p={}),q({scrollLeft:g,totalWidth:r,numCanvases:m}).forEach(v=>d(v))});this.unsubscribeOnScroll.push(u)}}renderChannel(t,e,i,s){var{overlay:n}=e,a=(function(h,p){var d={};for(var m in h)Object.prototype.hasOwnProperty.call(h,m)&&p.indexOf(m)<0&&(d[m]=h[m]);if(h!=null&&typeof Object.getOwnPropertySymbols=="function"){var u=0;for(m=Object.getOwnPropertySymbols(h);u<m.length;u++)p.indexOf(m[u])<0&&Object.prototype.propertyIsEnumerable.call(h,m[u])&&(d[m[u]]=h[m[u]])}return d})(e,["overlay"]);const o=document.createElement("div"),l=this.getHeight(a.height,a.splitChannels);o.style.height=`${l}px`,n&&s>0&&(o.style.marginTop=`-${l}px`),this.canvasWrapper.style.minHeight=`${l}px`,this.canvasWrapper.appendChild(o);const r=o.cloneNode();this.progressWrapper.appendChild(r),this.renderMultiCanvas(t,a,i,l,o,r)}render(t){return x(this,void 0,void 0,function*(){var e;this.timeouts.forEach(r=>r()),this.timeouts=[],this.canvasWrapper.innerHTML="",this.progressWrapper.innerHTML="",this.options.width!=null&&(this.scrollContainer.style.width=typeof this.options.width=="number"?`${this.options.width}px`:this.options.width);const i=this.getPixelRatio(),s=this.scrollContainer.clientWidth-this.containerInlinePadding,{scrollWidth:n,isScrollable:a,useParentWidth:o,width:l}=(function({duration:r,minPxPerSec:h=0,parentWidth:p,fillParent:d,pixelRatio:m}){const u=Math.ceil(r*h),g=u>p,v=!!(d&&!g);return{scrollWidth:u,isScrollable:g,useParentWidth:v,width:(v?p:u)*m}})({duration:t.duration,minPxPerSec:this.options.minPxPerSec||0,parentWidth:s,fillParent:this.options.fillParent,pixelRatio:i});if(this.isScrollable=a,this.wrapper.style.width=o?"100%":`${n}px`,this.scrollContainer.style.overflowX=this.isScrollable?"auto":"hidden",this.scrollContainer.classList.toggle("noScrollbar",!!this.options.hideScrollbar),this.cursor.style.backgroundColor=`${this.options.cursorColor||this.options.progressColor}`,this.cursor.style.width=`${this.options.cursorWidth}px`,this.audioData=t,this.emit("render"),this.options.splitChannels)for(let r=0;r<t.numberOfChannels;r++){const h=Object.assign(Object.assign({},this.options),(e=this.options.splitChannels)===null||e===void 0?void 0:e[r]);this.renderChannel([t.getChannelData(r)],h,l,r)}else{const r=[t.getChannelData(0)];t.numberOfChannels>1&&r.push(t.getChannelData(1)),this.renderChannel(r,this.options,l,0)}Promise.resolve().then(()=>this.emit("rendered"))})}reRender(){if(this.unsubscribeOnScroll.forEach(i=>i()),this.unsubscribeOnScroll=[],!this.audioData)return;const{scrollWidth:t}=this.scrollContainer,{right:e}=this.progressWrapper.getBoundingClientRect();if(this.render(this.audioData),!this.isScrollable&&this.scrollContainer.scrollLeft)this.scrollContainer.scrollLeft=0;else if(this.isScrollable&&t!==this.scrollContainer.scrollWidth){const{right:i}=this.progressWrapper.getBoundingClientRect(),s=(function(n){const a=2*n;return(a<0?Math.floor(a):Math.ceil(a))/2})(i-e);this.scrollContainer.scrollLeft+=s}}zoom(t){this.options.minPxPerSec=t,this.reRender()}scrollIntoView(t,e=!1){var i;const{scrollLeft:s,scrollWidth:n,clientWidth:a}=this.scrollContainer,o=t*n,l=s,r=s+a,h=a/2;if(this.isDragging)o+30>r?this.scrollContainer.scrollLeft+=30:o-30<l&&(this.scrollContainer.scrollLeft-=30);else{(o<l||o>r)&&(this.scrollContainer.scrollLeft=o-(this.options.autoCenter?h:0));const p=o-s-h;if(e&&this.options.autoCenter&&p>0){const d=(i=this.audioData)===null||i===void 0?void 0:i.duration;if(d===void 0||d<=0)return void(this.scrollContainer.scrollLeft+=p);const m=n/d;this.scrollContainer.scrollLeft+=m<=600?Math.min(p,10):p}}}renderProgress(t,e){if(isNaN(t))return;const i=100*t;this.canvasWrapper.style.clipPath=`polygon(${i}% 0%, 100% 0%, 100% 100%, ${i}% 100%)`,this.progressWrapper.style.width=`${i}%`,this.cursor.style.left=`${i}%`,this.cursor.style.transform=this.options.cursorWidth?`translateX(-${t*this.options.cursorWidth}px)`:"",this.isScrollable&&this.options.autoScroll&&this.audioData&&this.audioData.duration>0&&this.scrollIntoView(t,e)}exportImage(t,e,i){return x(this,void 0,void 0,function*(){const s=this.canvasWrapper.querySelectorAll("canvas");if(!s.length)throw new Error("No waveform data");if(i==="dataURL"){const n=Array.from(s).map(a=>a.toDataURL(t,e));return Promise.resolve(n)}return Promise.all(Array.from(s).map(n=>new Promise((a,o)=>{n.toBlob(l=>{l?a(l):o(new Error("Could not export image"))},t,e)})))})}}class rt extends H{constructor(){super(...arguments),this.animationFrameId=null,this.isRunning=!1}start(){if(this.isRunning)return;this.isRunning=!0;const t=()=>{this.isRunning&&(this.emit("tick"),this.animationFrameId=requestAnimationFrame(t))};t()}stop(){this.isRunning=!1,this.animationFrameId!==null&&(cancelAnimationFrame(this.animationFrameId),this.animationFrameId=null)}destroy(){this.stop()}}class z extends H{constructor(t=new AudioContext){super(),this.bufferNode=null,this.playStartTime=0,this.playbackPosition=0,this._muted=!1,this._playbackRate=1,this._duration=void 0,this.buffer=null,this.currentSrc="",this.paused=!0,this.crossOrigin=null,this.seeking=!1,this.autoplay=!1,this.addEventListener=this.on,this.removeEventListener=this.un,this.audioContext=t,this.gainNode=this.audioContext.createGain(),this.gainNode.connect(this.audioContext.destination)}load(){return x(this,void 0,void 0,function*(){})}get src(){return this.currentSrc}set src(t){if(this.currentSrc=t,this._duration=void 0,!t)return this.buffer=null,void this.emit("emptied");fetch(t).then(e=>{if(e.status>=400)throw new Error(`Failed to fetch ${t}: ${e.status} (${e.statusText})`);return e.arrayBuffer()}).then(e=>this.currentSrc!==t?null:this.audioContext.decodeAudioData(e)).then(e=>{this.currentSrc===t&&(this.buffer=e,this.emit("loadedmetadata"),this.emit("canplay"),this.autoplay&&this.play())}).catch(e=>{console.error("WebAudioPlayer load error:",e)})}_play(){if(!this.paused)return;this.paused=!1,this.bufferNode&&(this.bufferNode.onended=null,this.bufferNode.disconnect()),this.bufferNode=this.audioContext.createBufferSource(),this.buffer&&(this.bufferNode.buffer=this.buffer),this.bufferNode.playbackRate.value=this._playbackRate,this.bufferNode.connect(this.gainNode);let t=this.playbackPosition;(t>=this.duration||t<0)&&(t=0,this.playbackPosition=0),this.bufferNode.start(this.audioContext.currentTime,t),this.playStartTime=this.audioContext.currentTime,this.bufferNode.onended=()=>{this.currentTime>=this.duration&&(this.pause(),this.emit("ended"))}}_pause(){var t;this.paused=!0,(t=this.bufferNode)===null||t===void 0||t.stop(),this.playbackPosition+=(this.audioContext.currentTime-this.playStartTime)*this._playbackRate}play(){return x(this,void 0,void 0,function*(){this.paused&&(this._play(),this.emit("play"))})}pause(){this.paused||(this._pause(),this.emit("pause"))}stopAt(t){const e=t-this.currentTime,i=this.bufferNode;i?.stop(this.audioContext.currentTime+e),i?.addEventListener("ended",()=>{i===this.bufferNode&&(this.bufferNode=null,this.pause())},{once:!0})}setSinkId(t){return x(this,void 0,void 0,function*(){return this.audioContext.setSinkId(t)})}get playbackRate(){return this._playbackRate}set playbackRate(t){const e=!this.paused;e&&this._pause(),this._playbackRate=t,e&&this._play(),this.bufferNode&&(this.bufferNode.playbackRate.value=t)}get currentTime(){return this.paused?this.playbackPosition:this.playbackPosition+(this.audioContext.currentTime-this.playStartTime)*this._playbackRate}set currentTime(t){const e=!this.paused;e&&this._pause(),this.playbackPosition=t,e&&this._play(),this.emit("seeking"),this.emit("timeupdate")}get duration(){var t,e;return(t=this._duration)!==null&&t!==void 0?t:((e=this.buffer)===null||e===void 0?void 0:e.duration)||0}set duration(t){this._duration=t}get volume(){return this.gainNode.gain.value}set volume(t){this.gainNode.gain.value=t,this.emit("volumechange")}get muted(){return this._muted}set muted(t){this._muted!==t&&(this._muted=t,this._muted?this.gainNode.disconnect():this.gainNode.connect(this.audioContext.destination))}canPlayType(t){return/^(audio|video)\//.test(t)}getGainNode(){return this.gainNode}getChannelData(){const t=[];if(!this.buffer)return t;const e=this.buffer.numberOfChannels;for(let i=0;i<e;i++)t.push(this.buffer.getChannelData(i));return t}removeAttribute(t){switch(t){case"src":this.src="";break;case"playbackRate":this.playbackRate=0;break;case"currentTime":this.currentTime=0;break;case"duration":this.duration=0;break;case"volume":this.volume=0;break;case"muted":this.muted=!1}}}const at={waveColor:"#999",progressColor:"#555",cursorWidth:1,minPxPerSec:0,fillParent:!0,interact:!0,dragToSeek:!1,autoScroll:!0,autoCenter:!0,sampleRate:8e3};class I extends tt{static create(t){return new I(t)}getState(){return this.wavesurferState}getRenderer(){return this.renderer}constructor(t){const e=t.media||(t.backend==="WebAudio"?new z:void 0);super({media:e,mediaControls:t.mediaControls,autoplay:t.autoplay,playbackRate:t.audioRate}),this.plugins=[],this.decodedData=null,this.stopAtPosition=null,this.subscriptions=[],this.mediaSubscriptions=[],this.abortController=null,this.reactiveCleanups=[],this.options=Object.assign({},at,t);const{state:i,actions:s}=(function(o){var l,r,h,p,d,m;const u=(l=o?.currentTime)!==null&&l!==void 0?l:C(0),g=(r=o?.duration)!==null&&r!==void 0?r:C(0),v=(h=o?.isPlaying)!==null&&h!==void 0?h:C(!1),P=(p=o?.isSeeking)!==null&&p!==void 0?p:C(!1),E=(d=o?.volume)!==null&&d!==void 0?d:C(1),k=(m=o?.playbackRate)!==null&&m!==void 0?m:C(1),w=C(null),S=C(null),y=C(""),M=C(0),T=C(0),b=A(()=>!v.value,[v]),R=A(()=>w.value!==null,[w]),D=A(()=>R.value&&g.value>0,[R,g]),W=A(()=>u.value,[u]),L=A(()=>g.value>0?u.value/g.value:0,[u,g]);return{state:{currentTime:u,duration:g,isPlaying:v,isPaused:b,isSeeking:P,volume:E,playbackRate:k,audioBuffer:w,peaks:S,url:y,zoom:M,scrollPosition:T,canPlay:R,isReady:D,progress:W,progressPercent:L},actions:{setCurrentTime:f=>{const O=Math.max(0,Math.min(g.value||1/0,f));u.set(O)},setDuration:f=>{g.set(Math.max(0,f))},setPlaying:f=>{v.set(f)},setSeeking:f=>{P.set(f)},setVolume:f=>{const O=Math.max(0,Math.min(1,f));E.set(O)},setPlaybackRate:f=>{const O=Math.max(.1,Math.min(16,f));k.set(O)},setAudioBuffer:f=>{w.set(f),f&&g.set(f.duration)},setPeaks:f=>{S.set(f)},setUrl:f=>{y.set(f)},setZoom:f=>{M.set(Math.max(0,f))},setScrollPosition:f=>{T.set(Math.max(0,f))}}}})({isPlaying:this.isPlayingSignal,currentTime:this.currentTimeSignal,duration:this.durationSignal,volume:this.volumeSignal,playbackRate:this.playbackRateSignal,isSeeking:this.seekingSignal});this.wavesurferState=i,this.wavesurferActions=s,this.timer=new rt;const n=e?void 0:this.getMediaElement();this.renderer=new nt(this.options,n),this.initPlayerEvents(),this.initRendererEvents(),this.initTimerEvents(),this.initReactiveState(),this.initPlugins();const a=this.options.url||this.getSrc()||"";Promise.resolve().then(()=>{this.emit("init");const{peaks:o,duration:l}=this.options;(a||o&&l)&&this.load(a,o,l).catch(r=>{this.emit("error",r instanceof Error?r:new Error(String(r)))})})}updateProgress(t=this.getCurrentTime()){return this.renderer.renderProgress(t/this.getDuration(),this.isPlaying()),t}initTimerEvents(){this.subscriptions.push(this.timer.on("tick",()=>{if(!this.isSeeking()){const t=this.updateProgress();this.emit("timeupdate",t),this.emit("audioprocess",t),this.stopAtPosition!=null&&this.isPlaying()&&t>=this.stopAtPosition&&this.pause()}}))}initReactiveState(){this.reactiveCleanups.push((function(t,e){const i=[];i.push(_(()=>{const a=t.isPlaying.value;e.emit(a?"play":"pause")},[t.isPlaying])),i.push(_(()=>{const a=t.currentTime.value;e.emit("timeupdate",a),t.isPlaying.value&&e.emit("audioprocess",a)},[t.currentTime,t.isPlaying])),i.push(_(()=>{t.isSeeking.value&&e.emit("seeking",t.currentTime.value)},[t.isSeeking,t.currentTime]));let s=!1;i.push(_(()=>{t.isReady.value&&!s&&(s=!0,e.emit("ready",t.duration.value))},[t.isReady,t.duration]));let n=!1;return i.push(_(()=>{const a=t.isPlaying.value,o=t.currentTime.value,l=t.duration.value,r=l>0&&o>=l;n&&!a&&r&&e.emit("finish"),n=a&&r},[t.isPlaying,t.currentTime,t.duration])),i.push(_(()=>{const a=t.zoom.value;a>0&&e.emit("zoom",a)},[t.zoom])),()=>{i.forEach(a=>a())}})(this.wavesurferState,{emit:this.emit.bind(this)}))}initPlayerEvents(){this.isPlaying()&&(this.emit("play"),this.timer.start()),this.mediaSubscriptions.push(this.onMediaEvent("timeupdate",()=>{const t=this.updateProgress();this.emit("timeupdate",t)}),this.onMediaEvent("play",()=>{this.emit("play"),this.timer.start()}),this.onMediaEvent("pause",()=>{this.emit("pause"),this.timer.stop(),this.stopAtPosition=null}),this.onMediaEvent("emptied",()=>{this.timer.stop(),this.stopAtPosition=null}),this.onMediaEvent("ended",()=>{this.emit("timeupdate",this.getDuration()),this.emit("finish"),this.stopAtPosition=null}),this.onMediaEvent("seeking",()=>{this.emit("seeking",this.getCurrentTime())}),this.onMediaEvent("error",()=>{var t;this.emit("error",(t=this.getMediaElement().error)!==null&&t!==void 0?t:new Error("Media error")),this.stopAtPosition=null}))}initRendererEvents(){this.subscriptions.push(this.renderer.on("click",(t,e)=>{this.options.interact&&(this.seekTo(t),this.emit("interaction",t*this.getDuration()),this.emit("click",t,e))}),this.renderer.on("dblclick",(t,e)=>{this.emit("dblclick",t,e)}),this.renderer.on("scroll",(t,e,i,s)=>{const n=this.getDuration();this.emit("scroll",t*n,e*n,i,s)}),this.renderer.on("render",()=>{this.emit("redraw")}),this.renderer.on("rendered",()=>{this.emit("redrawcomplete")}),this.renderer.on("dragstart",t=>{this.emit("dragstart",t)}),this.renderer.on("dragend",t=>{this.emit("dragend",t)}),this.renderer.on("resize",()=>{this.emit("resize")}));{let t;const e=this.renderer.on("drag",i=>{var s;if(!this.options.interact)return;this.renderer.renderProgress(i),clearTimeout(t);let n=0;const a=this.options.dragToSeek;this.isPlaying()?n=0:a===!0?n=200:a&&typeof a=="object"&&(n=(s=a.debounceTime)!==null&&s!==void 0?s:200),t=setTimeout(()=>{this.seekTo(i)},n),this.emit("interaction",i*this.getDuration()),this.emit("drag",i)});this.subscriptions.push(()=>{clearTimeout(t),e()})}}initPlugins(){var t;!((t=this.options.plugins)===null||t===void 0)&&t.length&&this.options.plugins.forEach(e=>{this.registerPlugin(e)})}unsubscribePlayerEvents(){this.mediaSubscriptions.forEach(t=>t()),this.mediaSubscriptions=[]}setOptions(t){this.options=Object.assign({},this.options,t),t.duration&&!t.peaks&&(this.decodedData=N.createBuffer(this.exportPeaks(),t.duration)),t.peaks&&t.duration&&(this.decodedData=N.createBuffer(t.peaks,t.duration)),this.renderer.setOptions(this.options),t.audioRate&&this.setPlaybackRate(t.audioRate),t.mediaControls!=null&&(this.getMediaElement().controls=t.mediaControls)}registerPlugin(t){if(this.plugins.includes(t))return t;t._init(this),this.plugins.push(t);const e=t.once("destroy",()=>{this.plugins=this.plugins.filter(i=>i!==t),this.subscriptions=this.subscriptions.filter(i=>i!==e)});return this.subscriptions.push(e),t}unregisterPlugin(t){this.plugins=this.plugins.filter(e=>e!==t),t.destroy()}getWrapper(){return this.renderer.getWrapper()}getWidth(){return this.renderer.getWidth()}getScroll(){return this.renderer.getScroll()}setScroll(t){return this.renderer.setScroll(t)}setScrollTime(t){const e=t/this.getDuration();this.renderer.setScrollPercentage(e)}getActivePlugins(){return this.plugins}loadAudio(t,e,i,s){return x(this,void 0,void 0,function*(){var n;if(this.emit("load",t),!this.options.media&&this.isPlaying()&&this.pause(),this.decodedData=null,this.stopAtPosition=null,(n=this.abortController)===null||n===void 0||n.abort(),this.abortController=null,!e&&!i){const o=this.options.fetchParams||{};window.AbortController&&!o.signal&&(this.abortController=new AbortController,o.signal=this.abortController.signal);const l=h=>this.emit("loading",h);e=yield Q.fetchBlob(t,l,o);const r=this.options.blobMimeType;r&&(e=new Blob([e],{type:r}))}this.setSrc(t,e);const a=yield new Promise(o=>{const l=s||this.getDuration();l?o(l):this.mediaSubscriptions.push(this.onMediaEvent("loadedmetadata",()=>o(this.getDuration()),{once:!0}))});if(!t&&!e){const o=this.getMediaElement();o instanceof z&&(o.duration=a)}if(i)this.decodedData=N.createBuffer(i,a||0);else if(e){const o=yield e.arrayBuffer();this.decodedData=yield N.decode(o,this.options.sampleRate)}this.decodedData&&(this.emit("decode",this.getDuration()),this.renderer.render(this.decodedData)),this.emit("ready",this.getDuration())})}load(t,e,i){return x(this,void 0,void 0,function*(){try{return yield this.loadAudio(t,void 0,e,i)}catch(s){throw this.emit("error",s),s}})}loadBlob(t,e,i){return x(this,void 0,void 0,function*(){try{return yield this.loadAudio("",t,e,i)}catch(s){throw this.emit("error",s),s}})}zoom(t){if(!this.decodedData)throw new Error("No audio loaded");this.renderer.zoom(t),this.emit("zoom",t)}getDecodedData(){return this.decodedData}exportPeaks({channels:t=2,maxLength:e=8e3,precision:i=1e4}={}){if(!this.decodedData)throw new Error("The audio has not been decoded yet");const s=Math.min(t,this.decodedData.numberOfChannels),n=[];for(let a=0;a<s;a++){const o=this.decodedData.getChannelData(a),l=[],r=o.length/e;for(let h=0;h<e;h++){const p=o.slice(Math.floor(h*r),Math.ceil((h+1)*r));let d=0;for(let m=0;m<p.length;m++){const u=p[m];Math.abs(u)>Math.abs(d)&&(d=u)}l.push(Math.round(d*i)/i)}n.push(l)}return n}getDuration(){let t=super.getDuration()||0;return t!==0&&t!==1/0||!this.decodedData||(t=this.decodedData.duration),t}toggleInteraction(t){this.options.interact=t}setTime(t){this.stopAtPosition=null,super.setTime(t),this.updateProgress(t),this.emit("timeupdate",t)}seekTo(t){const e=this.getDuration()*t;this.setTime(e)}play(t,e){const i=Object.create(null,{play:{get:()=>super.play}});return x(this,void 0,void 0,function*(){t!=null&&this.setTime(t);const s=yield i.play.call(this);return e!=null&&(this.media instanceof z?this.media.stopAt(e):this.stopAtPosition=e),s})}playPause(){return x(this,void 0,void 0,function*(){return this.isPlaying()?this.pause():this.play()})}stop(){this.pause(),this.setTime(0)}skip(t){this.setTime(this.getCurrentTime()+t)}empty(){this.load("",[[0]],.001)}setMediaElement(t){this.unsubscribePlayerEvents(),super.setMediaElement(t),this.initPlayerEvents()}exportImage(){return x(this,arguments,void 0,function*(t="image/png",e=1,i="dataURL"){return this.renderer.exportImage(t,e,i)})}destroy(){var t;this.emit("destroy"),(t=this.abortController)===null||t===void 0||t.abort(),this.plugins.forEach(e=>e.destroy()),this.subscriptions.forEach(e=>e()),this.unsubscribePlayerEvents(),this.reactiveCleanups.forEach(e=>e()),this.reactiveCleanups=[],this.timer.destroy(),this.renderer.destroy(),super.destroy()}}I.BasePlugin=class extends H{constructor(c){super(),this.subscriptions=[],this.isDestroyed=!1,this.options=c}onInit(){}_init(c){this.isDestroyed&&(this.subscriptions=[],this.isDestroyed=!1),this.wavesurfer=c,this.onInit()}destroy(){this.emit("destroy"),this.subscriptions.forEach(c=>c()),this.subscriptions=[],this.isDestroyed=!0,this.wavesurfer=void 0}},I.dom=K;export{I as default};

package/build/assets/withCalculatedWidth-CswVJ4Re-BeXEmgBt.js

@@ -0,0 +1 @@
+import{cw as o,G as c,j as t,ap as r}from"./index-DJf52eor.js";const l=s=>{const e=a=>{const{width:i,elementRef:n}=c();return t.jsx(r,{ref:n,children:t.jsx(s,{...a,width:i})})};return e.displayName=`withCalculatedWidth(${s.displayName||s.name})`,o(e,s)};export{l as o};

package/build/assets/withFullScreenWrapper-CKo__VbV-B1HqecCF.js

@@ -0,0 +1 @@
+import{cw as p,r as n,j as c,N as h,G as f,cx as x,cy as g,x as y}from"./index-DJf52eor.js";const m=n.createContext(null);m.displayName="ElementFullscreenContext";const w=y("div",{target:"elp1w7k0"})(({theme:e,isExpanded:t})=>({width:"100%",height:"100%",...t?{position:"fixed",top:0,left:0,bottom:0,right:0,background:e.colors.bgColor,zIndex:e.zIndices.fullscreenWrapper,padding:e.spacing.md,paddingTop:e.sizes.fullScreenHeaderHeight,overflow:"auto",display:"flex",alignItems:"center",justifyContent:"center"}:{}}),""),C=()=>{const{setFullScreen:e}=n.useContext(x),[t,s]=n.useState(!1),{fullHeight:d,fullWidth:i}=g(),l=n.useCallback(a=>{s(a),e(a)},[e]),r=n.useCallback(()=>{document.body.style.overflow="hidden",l(!0)},[l]),o=n.useCallback(()=>{document.body.style.overflow="unset",l(!1)},[l]),u=n.useCallback(a=>{a.keyCode===27&&t&&o()},[o,t]);return n.useEffect(()=>(document.addEventListener("keydown",u,!1),()=>{document.removeEventListener("keydown",u,!1)}),[u]),n.useMemo(()=>({expanded:t,zoomIn:r,zoomOut:o,fullHeight:d,fullWidth:i}),[t,r,o,d,i])},v=({children:e})=>{const t=h(),{expanded:s,fullHeight:d,fullWidth:i,zoomIn:l,zoomOut:r}=C(),{width:o,elementRef:u}=f(),a=n.useMemo(()=>({width:s?i:o,height:s?d:void 0,expanded:s,expand:l,collapse:r}),[s,d,i,o,l,r]);return c.jsx(m.Provider,{value:a,children:c.jsx(w,{ref:u,isExpanded:s,"data-testid":"stFullScreenFrame",theme:t,children:e})})};function k(e){const t=s=>c.jsx(v,{children:c.jsx(e,{...s})});return t.displayName=`withFullScreenWrapper(${e.displayName||e.name})`,p(t,e)}export{m as G,k as N};