framefields 2.8.1 → 2.9.2

package/dist/preview-engine/{chunk-Y6TWMUJC.mjs → chunk-LVYVXVZO.mjs}

@@ -1,4 +1,4 @@
-import{a as R,c as P,d as h,g as D,h as U,j as w,m as B}from"./chunk-IB6GZJOL.mjs";import{A as F}from"./chunk-F4F2UDRX.mjs";import{g as y}from"./chunk-Y4NIR77Z.mjs";y();y();var N=`
+import{a as R,c as P,d as h,g as D,h as U,j as w,m as B}from"./chunk-IB6GZJOL.mjs";import{g as F}from"./chunk-KOVN277Z.mjs";import{g as y}from"./chunk-Y4NIR77Z.mjs";y();y();var N=`
 struct FlipUniforms {
 	flipH     : f32,
 	flipV     : f32,

package/dist/preview-engine/{chunk-NKAVHU7H.mjs → chunk-MIEH74UH.mjs}

@@ -1,4 +1,4 @@
-import{a as q}from"./chunk-AGAZJZWI.mjs";import{p as ce,q as Q,r as Y,s as $,t as he,u as de,v as U,w as k,x as fe,y as pe,z as me}from"./chunk-FKG27DVO.mjs";import{c as re,d as ie,e as T}from"./chunk-6E3JSPJN.mjs";import{a as ae,b as j,d as ne,e as F}from"./chunk-32WC4FRR.mjs";import{B as le,b as oe,j as C,v as ue,y as v,z as w}from"./chunk-BJXNKMSY.mjs";import{a as G,b as se}from"./chunk-354GX6IB.mjs";import{g as f}from"./chunk-Y4NIR77Z.mjs";f();var M=class{constructor(e,t){this.url=e;this.isHeadless=t}url;isHeadless;input=null;initPromise=null;iterator=null;iteratorStartTimestamp=-1;currentFetchId=0;fetchLock=Promise.resolve();destroyed=!1;async init(){if(!this.input)return this.initPromise?this.initPromise:(this.destroyed=!1,this.initPromise=(async()=>{try{let e=await F.acquire(this.url);this.destroyed?F.release(this.url):this.input=e}catch(e){throw this.initPromise=null,e}})(),this.initPromise)}destroy(){this.destroyed=!0,this.iterator?.return(),this.input&&(F.release(this.url),this.input=null),this.initPromise=null,this.onDestroy()}},X=class extends M{canvasSink=null;videoSampleSink=null;currentFrame=null;nextFrame=null;currentSample=null;nextSample=null;headlessQueue=[];backwardFrames=[];backwardBytes=0;backwardEnd;lastHeadlessTimestamp;isDecoding=!1;decodeBuffer=null;nextRequest=null;pushHeadlessQueue(e){let t=this.headlessQueue.findIndex(r=>r.timestamp>e.timestamp);t===-1?this.headlessQueue.push(e):this.headlessQueue.splice(t,0,e)}async fillHeadlessQueue(e){if(this.iterator)for(;this.headlessQueue.length<2;){let t=await this.iterator.next();if(this.currentFetchId!==e){t.value?.close?.();return}if(t.done||!t.value)break;this.pushHeadlessQueue(t.value)}}async closeIterator(e){if(e)try{await e.return()}catch{}}resetSinks(){let e=this.iterator;if(this.iterator=null,e)try{e.return()}catch{}this.canvasSink=null,this.videoSampleSink=null,this.currentFrame=null,this.nextFrame=null,this.currentSample?.close(),this.currentSample=null,this.nextSample?.close(),this.nextSample=null;for(let t of this.headlessQueue)try{t.close()}catch{}this.headlessQueue=[],this.clearBackwardFrames(),this.lastHeadlessTimestamp=void 0,this.decodeBuffer=null,this.iteratorStartTimestamp=-1}clearBackwardFrames(){for(let e of this.backwardFrames)e.close();this.backwardFrames=[],this.backwardBytes=0,this.backwardEnd=void 0}async copyHeadlessSample(e,t){let r=e.displayWidth,i=e.displayHeight,o=r*i*4,s=this.decodeBuffer;return(!s||s.length!==o)&&(s=new Uint8Array(o),this.decodeBuffer=s),await e.copyTo(s,{format:"RGBA"}),this.currentFetchId!==t||this.destroyed||!this.input?null:(se(s),{width:r,height:i,buffer:s})}cachedBackwardFrame(e){let t,r=-1;for(let[o,s]of this.backwardFrames.entries()){if(s.timestamp>e+1e-4)break;t=s,r=o}let i=this.backwardFrames[r+1]?.timestamp??this.backwardEnd;if(!(!t||!(t.duration>0)||e+1e-4>=Math.min(t.timestamp+t.duration,i??1/0)))return t}async fillBackwardFrames(e,t){if(!this.videoSampleSink)return;await this.closeIterator(this.iterator),this.iterator=null;for(let i of this.headlessQueue)i.close();this.headlessQueue=[],this.clearBackwardFrames();let r=this.videoSampleSink.samples(Math.max(0,e-.5));try{for await(let i of r){if(i.timestamp>e+1e-4&&(this.backwardEnd=i.timestamp),this.destroyed||this.currentFetchId!==t||i.timestamp>e+1e-4){i.close();break}let o=i.displayWidth*i.displayHeight*4;if(o>48*1024*1024){i.close();break}for(this.backwardFrames.push(i),this.backwardBytes+=o;this.backwardBytes>48*1024*1024&&this.backwardFrames.length>1;){let s=this.backwardFrames.shift();s&&(this.backwardBytes-=s.displayWidth*s.displayHeight*4,s.close())}}}finally{await this.closeIterator(r)}}onDestroy(){this.resetSinks()}async startIterator(e,t){if(!this.canvasSink)return;let r=Math.max(0,Number.isFinite(e)?e:0),i=this.iterator;if(this.iterator=null,await this.closeIterator(i),this.currentFetchId!==t||this.destroyed)return;this.iterator=this.canvasSink.canvases(r);let o=await this.iterator.next();if(this.currentFetchId!==t||this.destroyed)return;this.currentFrame=o.value??null;let s=await this.iterator.next();this.currentFetchId!==t||this.destroyed||(this.nextFrame=s.value??null,this.iteratorStartTimestamp=r)}async startIteratorHeadless(e,t){if(!this.videoSampleSink)return;let r=Math.max(0,Number.isFinite(e)?e:0),i=this.iterator;if(this.iterator=null,await this.closeIterator(i),this.currentFetchId!==t||this.destroyed)return;for(let s of this.headlessQueue)s.close();this.headlessQueue=[];let o=Math.max(0,r-.1);this.iterator=this.videoSampleSink.samples(o),await this.fillHeadlessQueue(t),!(this.currentFetchId!==t||this.destroyed)&&(this.iteratorStartTimestamp=r)}async getFrame(e){if(await this.init(),this.destroyed||!this.input)return null;let t=Math.max(0,Number.isFinite(e)?e:0);return this.isDecoding?(this.nextRequest&&this.nextRequest.resolve(null),new Promise((r,i)=>{this.nextRequest={timestampSec:t,resolve:r,reject:i}})):this.executeDecode(t)}async executeDecode(e){this.isDecoding=!0;try{return await this.performDecode(e)}finally{if(this.isDecoding=!1,this.nextRequest){let t=this.nextRequest;this.nextRequest=null,this.executeDecode(t.timestampSec).then(t.resolve).catch(t.reject)}}}async performDecodeHeadless(e,t){if(!this.videoSampleSink){if(this.destroyed||!this.input)return null;let l=await this.input.getPrimaryVideoTrack();if(!l)return null;this.videoSampleSink=new ae(l)}let r=1e-4,i=1,o=.01,s=this.lastHeadlessTimestamp!==void 0&&e<this.lastHeadlessTimestamp-1e-4;this.lastHeadlessTimestamp=e;let n=this.cachedBackwardFrame(e);if(!n&&s&&(await this.fillBackwardFrames(e,t),n=this.cachedBackwardFrame(e)),n)return this.copyHeadlessSample(n,t);if((!this.iterator||e<this.iteratorStartTimestamp-r||this.headlessQueue.length>0&&e<this.headlessQueue[0].timestamp-o||this.headlessQueue.length>0&&e-this.headlessQueue[0].timestamp>i)&&(await this.startIteratorHeadless(e,t),this.currentFetchId!==t||this.destroyed||!this.input))return null;for(;;){if(await this.fillHeadlessQueue(t),this.currentFetchId!==t||this.destroyed||!this.input)return null;if(this.headlessQueue.length>=2&&this.headlessQueue[1].timestamp<=e+r){this.headlessQueue.shift()?.close();continue}break}let a=this.headlessQueue[0];return a?this.copyHeadlessSample(a,t):null}async performDecodeInternal(e){this.currentFetchId++;let t=this.currentFetchId;if(this.isHeadless)return this.performDecodeHeadless(e,t);if(!this.canvasSink){if(this.destroyed||!this.input)return null;let n=await this.input.getPrimaryVideoTrack();if(!n)return null;this.canvasSink=new j(n,{poolSize:3,alpha:!0})}let r=1e-4;if((!this.iterator||e<this.iteratorStartTimestamp-r||this.currentFrame&&e<this.currentFrame.timestamp-.01||this.currentFrame&&e-this.currentFrame.timestamp>1)&&(await this.startIterator(e,t),this.currentFetchId!==t||this.destroyed||!this.input))return null;for(;this.nextFrame&&this.nextFrame.timestamp<=e+r;)if(this.currentFrame=this.nextFrame,this.nextFrame=null,this.iterator){let n=await this.iterator.next();if(this.currentFetchId!==t||this.destroyed||!this.input)return null;this.nextFrame=n.value??null}if(!this.currentFrame)return null;let s=this.currentFrame.canvas;return{width:s.width,height:s.height,canvas:s}}async performDecode(e){let t=Math.max(0,Number.isFinite(e)?e:0);try{return await this.performDecodeInternal(t)}catch(r){let i=r;if(i?.name==="InputDisposedError"||i?.message?.includes("disposed")||this.destroyed||!this.input)return null;this.resetSinks();try{if(!this.isHeadless&&this.input&&!this.destroyed){let o=await this.input.getPrimaryVideoTrack();if(o&&!this.destroyed)return this.canvasSink=new j(o,{poolSize:3,alpha:!0,decoderOptions:{hardwareAcceleration:"prefer-software"}}),await this.performDecodeInternal(t)}}catch{}throw r}}},K=class extends M{audioSink=null;onDestroy(){this.audioSink=null}async startIterator(e,t){this.audioSink&&(this.iterator?.return(),this.iterator=this.audioSink.buffers(e),this.iteratorStartTimestamp=e)}async*getBuffers(e){try{if(await this.init(),this.destroyed||!this.input)return;if(!this.audioSink){let i=await this.input.getPrimaryAudioTrack();if(!i)return;this.audioSink=new ne(i)}(!this.iterator||Math.abs(e-this.iteratorStartTimestamp)>.05)&&(this.currentFetchId++,await this.startIterator(e,this.currentFetchId));let r=this.currentFetchId;if(!this.iterator)return;for await(let i of this.iterator){if(this.currentFetchId!==r||this.destroyed||!this.input)break;this.iteratorStartTimestamp=i.timestamp+i.duration,yield i}}catch(t){let r=t;if(r?.name==="InputDisposedError"||r?.message?.includes("disposed")||this.destroyed||!this.input)return;throw t}finally{let t=this.currentFetchId;this.currentFetchId===t&&(this.iterator=null)}}},J=class{videoDecoders=new Map;audioDecoders=new Map;lastAccessed=new Map;ticks=0;lastTick=new Map;touchKey(e){this.lastAccessed.set(e,Date.now()),this.lastTick.set(e,this.ticks)}dropKey(e){let t=this.videoDecoders.get(e);if(t){try{t.destroy()}catch{}this.videoDecoders.delete(e)}let r=this.audioDecoders.get(e);if(r){try{r.destroy()}catch{}this.audioDecoders.delete(e)}this.lastAccessed.delete(e),this.lastTick.delete(e)}tick(e=120){this.ticks++;for(let[t,r]of this.lastTick)this.ticks-r>e&&this.dropKey(t)}destroy(){for(let e of this.videoDecoders.values())try{e.destroy()}catch{}this.videoDecoders.clear();for(let e of this.audioDecoders.values())try{e.destroy()}catch{}this.audioDecoders.clear(),this.lastAccessed.clear(),this.lastTick.clear()}get size(){return this.videoDecoders.size+this.audioDecoders.size}prune(e=3e5){let t=Date.now();for(let[r,i]of this.lastAccessed.entries())t-i>e&&this.dropKey(r)}getVideo(e,t,r){let i=`${e}-${t}-${r??"default"}`,o=this.videoDecoders.get(i);return o||(o=new X(e,t),this.videoDecoders.set(i,o)),this.touchKey(i),this.prune(),o}getAudio(e,t){let r=`${e}-${t??"default"}`,i=this.audioDecoders.get(r);return i||(i=new K(e,!1),this.audioDecoders.set(r,i)),this.touchKey(r),this.prune(),i}clearNode(e){let t=[...this.videoDecoders.keys(),...this.audioDecoders.keys()];for(let r of t)r.includes(e)&&this.dropKey(r)}},Ee=new J;f();f();var ye=`
+import{a as q}from"./chunk-AGAZJZWI.mjs";import{p as ce,q as Q,r as Y,s as $,t as he,u as de,v as U,w as k,x as pe,y as fe,z as me}from"./chunk-FKG27DVO.mjs";import{c as re,d as ie,e as T}from"./chunk-BXPM5SJ3.mjs";import{a as ae,b as j,d as ne,e as F}from"./chunk-32WC4FRR.mjs";import{B as le,b as oe,j as C,v as ue,y as v,z as w}from"./chunk-BJXNKMSY.mjs";import{a as G,b as se}from"./chunk-354GX6IB.mjs";import{g as p}from"./chunk-Y4NIR77Z.mjs";p();var M=class{constructor(e,t){this.url=e;this.isHeadless=t}url;isHeadless;input=null;initPromise=null;iterator=null;iteratorStartTimestamp=-1;currentFetchId=0;fetchLock=Promise.resolve();destroyed=!1;async init(){if(!this.input)return this.initPromise?this.initPromise:(this.destroyed=!1,this.initPromise=(async()=>{try{let e=await F.acquire(this.url);this.destroyed?F.release(this.url):this.input=e}catch(e){throw this.initPromise=null,e}})(),this.initPromise)}destroy(){this.destroyed=!0,this.iterator?.return(),this.input&&(F.release(this.url),this.input=null),this.initPromise=null,this.onDestroy()}},X=class extends M{canvasSink=null;videoSampleSink=null;currentFrame=null;nextFrame=null;currentSample=null;nextSample=null;headlessQueue=[];backwardFrames=[];backwardBytes=0;backwardEnd;lastHeadlessTimestamp;isDecoding=!1;decodeBuffer=null;nextRequest=null;async durationSec(){await this.init();let e=await this.input?.getPrimaryVideoTrack();if(!e)throw new Error(`No video track in ${this.url}`);return e.computeDuration()}pushHeadlessQueue(e){let t=this.headlessQueue.findIndex(r=>r.timestamp>e.timestamp);t===-1?this.headlessQueue.push(e):this.headlessQueue.splice(t,0,e)}async fillHeadlessQueue(e){if(this.iterator)for(;this.headlessQueue.length<2;){let t=await this.iterator.next();if(this.currentFetchId!==e){t.value?.close?.();return}if(t.done||!t.value)break;this.pushHeadlessQueue(t.value)}}async closeIterator(e){if(e)try{await e.return()}catch{}}resetSinks(){let e=this.iterator;if(this.iterator=null,e)try{e.return()}catch{}this.canvasSink=null,this.videoSampleSink=null,this.currentFrame=null,this.nextFrame=null,this.currentSample?.close(),this.currentSample=null,this.nextSample?.close(),this.nextSample=null;for(let t of this.headlessQueue)try{t.close()}catch{}this.headlessQueue=[],this.clearBackwardFrames(),this.lastHeadlessTimestamp=void 0,this.decodeBuffer=null,this.iteratorStartTimestamp=-1}clearBackwardFrames(){for(let e of this.backwardFrames)e.close();this.backwardFrames=[],this.backwardBytes=0,this.backwardEnd=void 0}async copyHeadlessSample(e,t){let r=e.displayWidth,i=e.displayHeight,o=r*i*4,s=this.decodeBuffer;return(!s||s.length!==o)&&(s=new Uint8Array(o),this.decodeBuffer=s),await e.copyTo(s,{format:"RGBA"}),this.currentFetchId!==t||this.destroyed||!this.input?null:(se(s),{width:r,height:i,buffer:s})}cachedBackwardFrame(e){let t,r=-1;for(let[o,s]of this.backwardFrames.entries()){if(s.timestamp>e+1e-4)break;t=s,r=o}let i=this.backwardFrames[r+1]?.timestamp??this.backwardEnd;if(!(!t||!(t.duration>0)||e+1e-4>=Math.min(t.timestamp+t.duration,i??1/0)))return t}async fillBackwardFrames(e,t){if(!this.videoSampleSink)return;await this.closeIterator(this.iterator),this.iterator=null;for(let i of this.headlessQueue)i.close();this.headlessQueue=[],this.clearBackwardFrames();let r=this.videoSampleSink.samples(Math.max(0,e-.5));try{for await(let i of r){if(i.timestamp>e+1e-4&&(this.backwardEnd=i.timestamp),this.destroyed||this.currentFetchId!==t||i.timestamp>e+1e-4){i.close();break}let o=i.displayWidth*i.displayHeight*4;if(o>48*1024*1024){i.close();break}for(this.backwardFrames.push(i),this.backwardBytes+=o;this.backwardBytes>48*1024*1024&&this.backwardFrames.length>1;){let s=this.backwardFrames.shift();s&&(this.backwardBytes-=s.displayWidth*s.displayHeight*4,s.close())}}}finally{await this.closeIterator(r)}}onDestroy(){this.resetSinks()}async startIterator(e,t){if(!this.canvasSink)return;let r=Math.max(0,Number.isFinite(e)?e:0),i=this.iterator;if(this.iterator=null,await this.closeIterator(i),this.currentFetchId!==t||this.destroyed)return;this.iterator=this.canvasSink.canvases(r);let o=await this.iterator.next();if(this.currentFetchId!==t||this.destroyed)return;this.currentFrame=o.value??null;let s=await this.iterator.next();this.currentFetchId!==t||this.destroyed||(this.nextFrame=s.value??null,this.iteratorStartTimestamp=r)}async startIteratorHeadless(e,t){if(!this.videoSampleSink)return;let r=Math.max(0,Number.isFinite(e)?e:0),i=this.iterator;if(this.iterator=null,await this.closeIterator(i),this.currentFetchId!==t||this.destroyed)return;for(let s of this.headlessQueue)s.close();this.headlessQueue=[];let o=Math.max(0,r-.1);this.iterator=this.videoSampleSink.samples(o),await this.fillHeadlessQueue(t),!(this.currentFetchId!==t||this.destroyed)&&(this.iteratorStartTimestamp=r)}async getFrame(e){if(await this.init(),this.destroyed||!this.input)return null;let t=Math.max(0,Number.isFinite(e)?e:0);return this.isDecoding?(this.nextRequest&&this.nextRequest.resolve(null),new Promise((r,i)=>{this.nextRequest={timestampSec:t,resolve:r,reject:i}})):this.executeDecode(t)}async executeDecode(e){this.isDecoding=!0;try{return await this.performDecode(e)}finally{if(this.isDecoding=!1,this.nextRequest){let t=this.nextRequest;this.nextRequest=null,this.executeDecode(t.timestampSec).then(t.resolve).catch(t.reject)}}}async performDecodeHeadless(e,t){if(!this.videoSampleSink){if(this.destroyed||!this.input)return null;let l=await this.input.getPrimaryVideoTrack();if(!l)return null;this.videoSampleSink=new ae(l)}let r=1e-4,i=1,o=.01,s=this.lastHeadlessTimestamp!==void 0&&e<this.lastHeadlessTimestamp-1e-4;this.lastHeadlessTimestamp=e;let n=this.cachedBackwardFrame(e);if(!n&&s&&(await this.fillBackwardFrames(e,t),n=this.cachedBackwardFrame(e)),n)return this.copyHeadlessSample(n,t);if((!this.iterator||e<this.iteratorStartTimestamp-r||this.headlessQueue.length>0&&e<this.headlessQueue[0].timestamp-o||this.headlessQueue.length>0&&e-this.headlessQueue[0].timestamp>i)&&(await this.startIteratorHeadless(e,t),this.currentFetchId!==t||this.destroyed||!this.input))return null;for(;;){if(await this.fillHeadlessQueue(t),this.currentFetchId!==t||this.destroyed||!this.input)return null;if(this.headlessQueue.length>=2&&this.headlessQueue[1].timestamp<=e+r){this.headlessQueue.shift()?.close();continue}break}let a=this.headlessQueue[0];return a?this.copyHeadlessSample(a,t):null}async performDecodeInternal(e){this.currentFetchId++;let t=this.currentFetchId;if(this.isHeadless)return this.performDecodeHeadless(e,t);if(!this.canvasSink){if(this.destroyed||!this.input)return null;let n=await this.input.getPrimaryVideoTrack();if(!n)return null;this.canvasSink=new j(n,{poolSize:3,alpha:!0})}let r=1e-4;if((!this.iterator||e<this.iteratorStartTimestamp-r||this.currentFrame&&e<this.currentFrame.timestamp-.01||this.currentFrame&&e-this.currentFrame.timestamp>1)&&(await this.startIterator(e,t),this.currentFetchId!==t||this.destroyed||!this.input))return null;for(;this.nextFrame&&this.nextFrame.timestamp<=e+r;)if(this.currentFrame=this.nextFrame,this.nextFrame=null,this.iterator){let n=await this.iterator.next();if(this.currentFetchId!==t||this.destroyed||!this.input)return null;this.nextFrame=n.value??null}if(!this.currentFrame)return null;let s=this.currentFrame.canvas;return{width:s.width,height:s.height,canvas:s}}async performDecode(e){let t=Math.max(0,Number.isFinite(e)?e:0);try{return await this.performDecodeInternal(t)}catch(r){let i=r;if(i?.name==="InputDisposedError"||i?.message?.includes("disposed")||this.destroyed||!this.input)return null;this.resetSinks();try{if(!this.isHeadless&&this.input&&!this.destroyed){let o=await this.input.getPrimaryVideoTrack();if(o&&!this.destroyed)return this.canvasSink=new j(o,{poolSize:3,alpha:!0,decoderOptions:{hardwareAcceleration:"prefer-software"}}),await this.performDecodeInternal(t)}}catch{}throw r}}},K=class extends M{audioSink=null;onDestroy(){this.audioSink=null}async startIterator(e,t){this.audioSink&&(this.iterator?.return(),this.iterator=this.audioSink.buffers(e),this.iteratorStartTimestamp=e)}async*getBuffers(e){try{if(await this.init(),this.destroyed||!this.input)return;if(!this.audioSink){let i=await this.input.getPrimaryAudioTrack();if(!i)return;this.audioSink=new ne(i)}(!this.iterator||Math.abs(e-this.iteratorStartTimestamp)>.05)&&(this.currentFetchId++,await this.startIterator(e,this.currentFetchId));let r=this.currentFetchId;if(!this.iterator)return;for await(let i of this.iterator){if(this.currentFetchId!==r||this.destroyed||!this.input)break;this.iteratorStartTimestamp=i.timestamp+i.duration,yield i}}catch(t){let r=t;if(r?.name==="InputDisposedError"||r?.message?.includes("disposed")||this.destroyed||!this.input)return;throw t}finally{let t=this.currentFetchId;this.currentFetchId===t&&(this.iterator=null)}}},J=class{videoDecoders=new Map;audioDecoders=new Map;lastAccessed=new Map;ticks=0;lastTick=new Map;touchKey(e){this.lastAccessed.set(e,Date.now()),this.lastTick.set(e,this.ticks)}dropKey(e){let t=this.videoDecoders.get(e);if(t){try{t.destroy()}catch{}this.videoDecoders.delete(e)}let r=this.audioDecoders.get(e);if(r){try{r.destroy()}catch{}this.audioDecoders.delete(e)}this.lastAccessed.delete(e),this.lastTick.delete(e)}tick(e=120){this.ticks++;for(let[t,r]of this.lastTick)this.ticks-r>e&&this.dropKey(t)}destroy(){for(let e of this.videoDecoders.values())try{e.destroy()}catch{}this.videoDecoders.clear();for(let e of this.audioDecoders.values())try{e.destroy()}catch{}this.audioDecoders.clear(),this.lastAccessed.clear(),this.lastTick.clear()}get size(){return this.videoDecoders.size+this.audioDecoders.size}prune(e=3e5){let t=Date.now();for(let[r,i]of this.lastAccessed.entries())t-i>e&&this.dropKey(r)}getVideo(e,t,r){let i=`${e}-${t}-${r??"default"}`,o=this.videoDecoders.get(i);return o||(o=new X(e,t),this.videoDecoders.set(i,o)),this.touchKey(i),this.prune(),o}getAudio(e,t){let r=`${e}-${t??"default"}`,i=this.audioDecoders.get(r);return i||(i=new K(e,!1),this.audioDecoders.set(r,i)),this.touchKey(r),this.prune(),i}clearNode(e){let t=[...this.videoDecoders.keys(),...this.audioDecoders.keys()];for(let r of t)r.includes(e)&&this.dropKey(r)}},Ee=new J;p();p();var ye=`
 struct CompositeUniforms {
 	blendMode : u32,
 	padding1  : u32,
@@ -183,7 +183,7 @@ fn fs(@builtin(position) pos: vec4<f32>) -> @location(0) vec4<f32> {
     
     return accum / max(totalWeight, 0.0001);
 }
-`,Z=class{textures=[];texturesByKey=new Map;index=0;getTexture(e,t,r,i,o){let s=new Set(Array.isArray(o)?o:o?[o]:[]),n=`${t}x${r}:${i}`,a=this.texturesByKey.get(n);if(a)for(let u=0;u<a.length;u++){let d=a[u];if(!s.has(d)){a.splice(u,1),a.unshift(d);let h=this.textures.indexOf(d);return h>=this.index&&(this.textures.splice(h,1),this.textures.splice(this.index,0,d),this.index++),d}}let l=e.createTexture({size:[t,r],format:i,usage:GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC});return this.texturesByKey.has(n)||this.texturesByKey.set(n,[]),this.texturesByKey.get(n).unshift(l),this.textures.splice(this.index,0,l),this.index++,l}reset(){this.index=0}destroy(){for(let e of this.textures)e.destroy();this.textures=[],this.texturesByKey.clear(),this.index=0}},Ce={normal:0,"source-over":0,multiply:1,screen:2,overlay:3,darken:4,lighten:5,"color-dodge":6,"color-burn":7,"hard-light":8,"soft-light":9,difference:10,exclusion:11,hue:12,saturation:13,color:14,luminosity:15,"mask-in":16,"destination-in":16,"mask-out":17,"destination-out":17,"source-in":18,"source-out":19,"source-atop":20,"destination-over":21,"destination-atop":22,lighter:23,copy:24,xor:25,"luma-in":26,"luma-out":27},_=class{device;compositeUniformLayout;dualTextureLayout;motionBlurUniformLayout;singleTextureLayout;compositePipeline;motionBlurPipeline;compositePool;motionBlurPool;texturePool;compositeUniformBindGroupCache=new w;motionBlurUniformBindGroupCache=new w;compositeData=new Uint32Array(4);motionBlurData=new Float32Array(8);constructor(e,t){this.device=e,this.compositePool=new v(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.motionBlurPool=new v(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.texturePool=new Z,this.compositeUniformLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.dualTextureLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),this.motionBlurUniformLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.singleTextureLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});let r=e.createPipelineLayout({bindGroupLayouts:[this.compositeUniformLayout,this.dualTextureLayout]}),i=e.createShaderModule({label:"composite.wgsl",code:ye});this.compositePipeline=e.createRenderPipeline({label:"CompositePipeline",layout:r,vertex:{module:i,entryPoint:"vs"},fragment:{module:i,entryPoint:"fs",targets:[{format:t}]},primitive:{topology:"triangle-strip"}});let o=e.createPipelineLayout({bindGroupLayouts:[this.motionBlurUniformLayout,this.singleTextureLayout]}),s=e.createShaderModule({label:"motion-blur-2d.wgsl",code:De});this.motionBlurPipeline=e.createRenderPipeline({label:"MotionBlurPipeline",layout:o,vertex:{module:s,entryPoint:"vs"},fragment:{module:s,entryPoint:"fs",targets:[{format:t}]},primitive:{topology:"triangle-list"}})}resetPools(){this.compositePool.reset(),this.motionBlurPool.reset(),this.texturePool.reset()}getTexture(e,t,r,i,o){return this.texturePool.getTexture(e,t,r,i,o)}getBuffer(e,t){return this.compositePool.getBuffer(e,t)}composite(e,t,r,i,o,s,n,a){let l=r.getSampler(this.device),u=[i,o];a&&(Array.isArray(a)?u.push(...a):u.push(a));let d=this.texturePool.getTexture(this.device,i.width,i.height,n,u);this.compositeData[0]=Ce[s]??0;let h=this.compositePool.getBuffer(this.device,this.compositeData),p=e.beginRenderPass({colorAttachments:[{view:d.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});p.setPipeline(this.compositePipeline);let m=this.compositeUniformBindGroupCache.getBindGroup(this.device,this.compositeUniformLayout,h);p.setBindGroup(0,m);let g=t.getCompositeBindGroup(this.device,this.dualTextureLayout,i,o,l);return p.setBindGroup(1,g),p.draw(4),p.end(),d}applyMotionBlur(e,t,r,i,o,s,n=180,a=16,l,u){if(Math.abs(o)<.1&&Math.abs(s)<.1||n<=0)return i;let d=r.getSampler(this.device),h=[i];u&&(Array.isArray(u)?h.push(...u):h.push(u));let p=this.texturePool.getTexture(this.device,i.width,i.height,l,h);this.motionBlurData[0]=o/i.width,this.motionBlurData[1]=s/i.height,this.motionBlurData[2]=0,this.motionBlurData[3]=0,this.motionBlurData[4]=n/360,this.motionBlurData[5]=a,this.motionBlurData[6]=i.width,this.motionBlurData[7]=i.height;let m=this.motionBlurPool.getBuffer(this.device,this.motionBlurData),g=e.beginRenderPass({colorAttachments:[{view:p.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});g.setPipeline(this.motionBlurPipeline);let x=this.motionBlurUniformBindGroupCache.getBindGroup(this.device,this.motionBlurUniformLayout,m);return g.setBindGroup(0,x),g.setBindGroup(1,t.getBindGroup(this.device,this.singleTextureLayout,i,d)),g.draw(3),g.end(),p}destroy(){this.compositePool.destroy(),this.motionBlurPool.destroy(),this.texturePool.destroy(),this.compositeUniformBindGroupCache.destroy(),this.motionBlurUniformBindGroupCache.destroy()}};f();f();var R=class{cache=new WeakMap;dualCache=new WeakMap;getBindGroup(e,t,r,i){let o=this.cache.get(r);o||(o=new Map,this.cache.set(r,o));let s=o.get(t);return s||(s=e.createBindGroup({layout:t,entries:[{binding:0,resource:r.createView()},{binding:1,resource:i}]}),o.set(t,s)),s}getCompositeBindGroup(e,t,r,i,o){let s=this.dualCache.get(r);s||(s=new WeakMap,this.dualCache.set(r,s));let n=s.get(i);n||(n=new Map,s.set(i,n));let a=n.get(t);return a||(a=e.createBindGroup({layout:t,entries:[{binding:0,resource:r.createView()},{binding:1,resource:i.createView()},{binding:2,resource:o}]}),n.set(t,a)),a}destroy(){this.cache=new WeakMap,this.dualCache=new WeakMap}};f();var O=class{scissorStack=[];stencilStack=[];pushScissor(e,t,r){this.scissorStack.push({rect:e,surfaceWidth:t,surfaceHeight:r})}popScissor(){this.scissorStack.length>0&&this.scissorStack.pop()}saveScissors(){return[...this.scissorStack]}restoreScissors(e){this.scissorStack=[...e]}clearScissors(){this.scissorStack=[]}getCurrentScissor(e,t){let r=this.scissorStack[this.scissorStack.length-1];if(r&&!(e!==void 0&&t!==void 0&&r.surfaceWidth!==void 0&&r.surfaceHeight!==void 0&&r.surfaceWidth!==0&&r.surfaceHeight!==0&&(r.surfaceWidth!==e||r.surfaceHeight!==t)))return r.rect}pushStencilClip(e){this.stencilStack.push(e)}popStencilClip(){this.stencilStack.length>0&&this.stencilStack.pop()}getCurrentStencil(){return this.stencilStack[this.stencilStack.length-1]}applyScissorToPass(e,t,r){let i=this.getCurrentScissor(t,r);if(!i){e.setScissorRect(0,0,Math.max(1,Math.floor(t)),Math.max(1,Math.floor(r)));return}let o=Math.max(0,Math.floor(i.x)),s=Math.max(0,Math.floor(i.y)),n=Math.min(t,Math.ceil(i.x+i.width)),a=Math.min(r,Math.ceil(i.y+i.height)),l=Math.max(0,n-o),u=Math.max(0,a-s);if(!Number.isFinite(o)||!Number.isFinite(s)||!Number.isFinite(l)||!Number.isFinite(u)||l<=0||u<=0)e.setScissorRect(0,0,1,1);else{let d=Math.min(l,Math.max(0,t-o)),h=Math.min(u,Math.max(0,r-s));d<=0||h<=0?e.setScissorRect(0,0,1,1):e.setScissorRect(Math.floor(o),Math.floor(s),Math.floor(d),Math.floor(h))}}destroy(){this.scissorStack=[],this.stencilStack=[]}};f();f();var ge=`
+`,Z=class{textures=[];texturesByKey=new Map;index=0;getTexture(e,t,r,i,o){let s=new Set(Array.isArray(o)?o:o?[o]:[]),n=`${t}x${r}:${i}`,a=this.texturesByKey.get(n);if(a)for(let u=0;u<a.length;u++){let d=a[u];if(!s.has(d)){a.splice(u,1),a.unshift(d);let h=this.textures.indexOf(d);return h>=this.index&&(this.textures.splice(h,1),this.textures.splice(this.index,0,d),this.index++),d}}let l=e.createTexture({size:[t,r],format:i,usage:GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC});return this.texturesByKey.has(n)||this.texturesByKey.set(n,[]),this.texturesByKey.get(n).unshift(l),this.textures.splice(this.index,0,l),this.index++,l}reset(){this.index=0}destroy(){for(let e of this.textures)e.destroy();this.textures=[],this.texturesByKey.clear(),this.index=0}},Ce={normal:0,"source-over":0,multiply:1,screen:2,overlay:3,darken:4,lighten:5,"color-dodge":6,"color-burn":7,"hard-light":8,"soft-light":9,difference:10,exclusion:11,hue:12,saturation:13,color:14,luminosity:15,"mask-in":16,"destination-in":16,"mask-out":17,"destination-out":17,"source-in":18,"source-out":19,"source-atop":20,"destination-over":21,"destination-atop":22,lighter:23,copy:24,xor:25,"luma-in":26,"luma-out":27},_=class{device;compositeUniformLayout;dualTextureLayout;motionBlurUniformLayout;singleTextureLayout;compositePipeline;motionBlurPipeline;compositePool;motionBlurPool;texturePool;compositeUniformBindGroupCache=new w;motionBlurUniformBindGroupCache=new w;compositeData=new Uint32Array(4);motionBlurData=new Float32Array(8);constructor(e,t){this.device=e,this.compositePool=new v(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.motionBlurPool=new v(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.texturePool=new Z,this.compositeUniformLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.dualTextureLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:2,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]}),this.motionBlurUniformLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.singleTextureLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});let r=e.createPipelineLayout({bindGroupLayouts:[this.compositeUniformLayout,this.dualTextureLayout]}),i=e.createShaderModule({label:"composite.wgsl",code:ye});this.compositePipeline=e.createRenderPipeline({label:"CompositePipeline",layout:r,vertex:{module:i,entryPoint:"vs"},fragment:{module:i,entryPoint:"fs",targets:[{format:t}]},primitive:{topology:"triangle-strip"}});let o=e.createPipelineLayout({bindGroupLayouts:[this.motionBlurUniformLayout,this.singleTextureLayout]}),s=e.createShaderModule({label:"motion-blur-2d.wgsl",code:De});this.motionBlurPipeline=e.createRenderPipeline({label:"MotionBlurPipeline",layout:o,vertex:{module:s,entryPoint:"vs"},fragment:{module:s,entryPoint:"fs",targets:[{format:t}]},primitive:{topology:"triangle-list"}})}resetPools(){this.compositePool.reset(),this.motionBlurPool.reset(),this.texturePool.reset()}getTexture(e,t,r,i,o){return this.texturePool.getTexture(e,t,r,i,o)}getBuffer(e,t){return this.compositePool.getBuffer(e,t)}composite(e,t,r,i,o,s,n,a){let l=r.getSampler(this.device),u=[i,o];a&&(Array.isArray(a)?u.push(...a):u.push(a));let d=this.texturePool.getTexture(this.device,i.width,i.height,n,u);this.compositeData[0]=Ce[s]??0;let h=this.compositePool.getBuffer(this.device,this.compositeData),f=e.beginRenderPass({colorAttachments:[{view:d.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});f.setPipeline(this.compositePipeline);let m=this.compositeUniformBindGroupCache.getBindGroup(this.device,this.compositeUniformLayout,h);f.setBindGroup(0,m);let g=t.getCompositeBindGroup(this.device,this.dualTextureLayout,i,o,l);return f.setBindGroup(1,g),f.draw(4),f.end(),d}applyMotionBlur(e,t,r,i,o,s,n=180,a=16,l,u){if(Math.abs(o)<.1&&Math.abs(s)<.1||n<=0)return i;let d=r.getSampler(this.device),h=[i];u&&(Array.isArray(u)?h.push(...u):h.push(u));let f=this.texturePool.getTexture(this.device,i.width,i.height,l,h);this.motionBlurData[0]=o/i.width,this.motionBlurData[1]=s/i.height,this.motionBlurData[2]=0,this.motionBlurData[3]=0,this.motionBlurData[4]=n/360,this.motionBlurData[5]=a,this.motionBlurData[6]=i.width,this.motionBlurData[7]=i.height;let m=this.motionBlurPool.getBuffer(this.device,this.motionBlurData),g=e.beginRenderPass({colorAttachments:[{view:f.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});g.setPipeline(this.motionBlurPipeline);let x=this.motionBlurUniformBindGroupCache.getBindGroup(this.device,this.motionBlurUniformLayout,m);return g.setBindGroup(0,x),g.setBindGroup(1,t.getBindGroup(this.device,this.singleTextureLayout,i,d)),g.draw(3),g.end(),f}destroy(){this.compositePool.destroy(),this.motionBlurPool.destroy(),this.texturePool.destroy(),this.compositeUniformBindGroupCache.destroy(),this.motionBlurUniformBindGroupCache.destroy()}};p();p();var R=class{cache=new WeakMap;dualCache=new WeakMap;getBindGroup(e,t,r,i){let o=this.cache.get(r);o||(o=new Map,this.cache.set(r,o));let s=o.get(t);return s||(s=e.createBindGroup({layout:t,entries:[{binding:0,resource:r.createView()},{binding:1,resource:i}]}),o.set(t,s)),s}getCompositeBindGroup(e,t,r,i,o){let s=this.dualCache.get(r);s||(s=new WeakMap,this.dualCache.set(r,s));let n=s.get(i);n||(n=new Map,s.set(i,n));let a=n.get(t);return a||(a=e.createBindGroup({layout:t,entries:[{binding:0,resource:r.createView()},{binding:1,resource:i.createView()},{binding:2,resource:o}]}),n.set(t,a)),a}destroy(){this.cache=new WeakMap,this.dualCache=new WeakMap}};p();var O=class{scissorStack=[];stencilStack=[];pushScissor(e,t,r){this.scissorStack.push({rect:e,surfaceWidth:t,surfaceHeight:r})}popScissor(){this.scissorStack.length>0&&this.scissorStack.pop()}saveScissors(){return[...this.scissorStack]}restoreScissors(e){this.scissorStack=[...e]}clearScissors(){this.scissorStack=[]}getCurrentScissor(e,t){let r=this.scissorStack[this.scissorStack.length-1];if(r&&!(e!==void 0&&t!==void 0&&r.surfaceWidth!==void 0&&r.surfaceHeight!==void 0&&r.surfaceWidth!==0&&r.surfaceHeight!==0&&(r.surfaceWidth!==e||r.surfaceHeight!==t)))return r.rect}pushStencilClip(e){this.stencilStack.push(e)}popStencilClip(){this.stencilStack.length>0&&this.stencilStack.pop()}getCurrentStencil(){return this.stencilStack[this.stencilStack.length-1]}applyScissorToPass(e,t,r){let i=this.getCurrentScissor(t,r);if(!i){e.setScissorRect(0,0,Math.max(1,Math.floor(t)),Math.max(1,Math.floor(r)));return}let o=Math.max(0,Math.floor(i.x)),s=Math.max(0,Math.floor(i.y)),n=Math.min(t,Math.ceil(i.x+i.width)),a=Math.min(r,Math.ceil(i.y+i.height)),l=Math.max(0,n-o),u=Math.max(0,a-s);if(!Number.isFinite(o)||!Number.isFinite(s)||!Number.isFinite(l)||!Number.isFinite(u)||l<=0||u<=0)e.setScissorRect(0,0,1,1);else{let d=Math.min(l,Math.max(0,t-o)),h=Math.min(u,Math.max(0,r-s));d<=0||h<=0?e.setScissorRect(0,0,1,1):e.setScissorRect(Math.floor(o),Math.floor(s),Math.floor(d),Math.floor(h))}}destroy(){this.scissorStack=[],this.stencilStack=[]}};p();p();var ge=`
 struct Uniforms {
     transformCol0 : vec4<f32>,
     transformCol1 : vec4<f32>,
@@ -260,7 +260,7 @@ fn sdSegmentWithCap(p: vec2<f32>, a: vec2<f32>, b: vec2<f32>, radius: f32, capTy
     
     return vec4<f32>(u.color.rgb * alpha, alpha);
 }
-`;var L=class{device;pipeline;maxPipeline;uniformLayout;uniformPool;vertexPool;uniformBindGroupCache=new w;scratchData=new Float32Array(28);constructor(e,t){this.device=e,this.uniformPool=new v(4096,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new v(4096,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"path.wgsl",code:ge});this.uniformLayout=U(e),this.pipeline=k(e,{label:"PathPipeline",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-strip"}),this.maxPipeline=k(e,{label:"PathPipeline.max",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-strip",blend:{color:{srcFactor:"one",dstFactor:"one",operation:"max"},alpha:{srcFactor:"one",dstFactor:"one",operation:"max"}}})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}drawPath(e,t,r,i,o,s,n,a){let l=ce(r);if(l.length===0||((a?.trimStart!==void 0||a?.trimEnd!==void 0||a?.trimOffset!==void 0)&&(l=Q(l,a.trimStart??0,a.trimEnd??1,a.trimOffset??0)),a?.strokeDashArray&&a.strokeDashArray.length>0&&(l=Y(l,a.strokeDashArray,a.strokeDashOffset??0)),l.length===0))return;let u=G(i),d=a?.opacity??1,h=0;a?.strokeLineCap==="butt"?h=1:a?.strokeLineCap==="square"&&(h=2);for(let p of l)this.drawSegment(e,t,p.p0,p.p1,u,o,h,s,n,d,a)}drawSegments(e,t,r,i,o,s,n,a){let l=r;if((a?.trimStart!==void 0||a?.trimEnd!==void 0||a?.trimOffset!==void 0)&&(l=Q(l,a.trimStart??0,a.trimEnd??1,a.trimOffset??0)),a?.strokeDashArray&&a.strokeDashArray.length>0&&(l=Y(l,a.strokeDashArray,a.strokeDashOffset??0)),l.length===0)return;let u=G(i),d=a?.opacity??1,h=0;a?.strokeLineCap==="butt"?h=1:a?.strokeLineCap==="square"&&(h=2);for(let p of l)this.drawSegment(e,t,p.p0,p.p1,u,o,h,s,n,d,a)}drawSegment(e,t,r,i,o,s,n,a,l,u,d){let h=this.scratchData;t.packIntoBuffer(h,u,a,l,d?.transform),h[15]=s,h[16]=o.r,h[17]=o.g,h[18]=o.b,h[19]=o.a,h[20]=n,h[21]=0,h[22]=0,h[23]=0,h[24]=r.x,h[25]=r.y,h[26]=i.x,h[27]=i.y;let p=this.uniformPool.getBuffer(this.device,h),m=i.x-r.x,g=i.y-r.y,x=Math.sqrt(m*m+g*g);if(x<1e-6)return;let B=s*.5+2,P=m/x*B,b=g/x*B,S=-b,D=P,Ge=new Float32Array([r.x-P-S,r.y-b-D,r.x-P+S,r.y-b+D,i.x+P-S,i.y+b-D,i.x+P+S,i.y+b+D]),Ue=this.vertexPool.getBuffer(this.device,Ge),Be=d?.blendMode==="max"?this.maxPipeline:this.pipeline;e.setPipeline(Be);let ke=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,p);e.setBindGroup(0,ke),e.setVertexBuffer(0,Ue),e.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};f();f();var ve=`
+`;var L=class{device;pipeline;maxPipeline;uniformLayout;uniformPool;vertexPool;uniformBindGroupCache=new w;scratchData=new Float32Array(28);constructor(e,t){this.device=e,this.uniformPool=new v(4096,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new v(4096,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"path.wgsl",code:ge});this.uniformLayout=U(e),this.pipeline=k(e,{label:"PathPipeline",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-strip"}),this.maxPipeline=k(e,{label:"PathPipeline.max",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-strip",blend:{color:{srcFactor:"one",dstFactor:"one",operation:"max"},alpha:{srcFactor:"one",dstFactor:"one",operation:"max"}}})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}drawPath(e,t,r,i,o,s,n,a){let l=ce(r);if(l.length===0||((a?.trimStart!==void 0||a?.trimEnd!==void 0||a?.trimOffset!==void 0)&&(l=Q(l,a.trimStart??0,a.trimEnd??1,a.trimOffset??0)),a?.strokeDashArray&&a.strokeDashArray.length>0&&(l=Y(l,a.strokeDashArray,a.strokeDashOffset??0)),l.length===0))return;let u=G(i),d=a?.opacity??1,h=0;a?.strokeLineCap==="butt"?h=1:a?.strokeLineCap==="square"&&(h=2);for(let f of l)this.drawSegment(e,t,f.p0,f.p1,u,o,h,s,n,d,a)}drawSegments(e,t,r,i,o,s,n,a){let l=r;if((a?.trimStart!==void 0||a?.trimEnd!==void 0||a?.trimOffset!==void 0)&&(l=Q(l,a.trimStart??0,a.trimEnd??1,a.trimOffset??0)),a?.strokeDashArray&&a.strokeDashArray.length>0&&(l=Y(l,a.strokeDashArray,a.strokeDashOffset??0)),l.length===0)return;let u=G(i),d=a?.opacity??1,h=0;a?.strokeLineCap==="butt"?h=1:a?.strokeLineCap==="square"&&(h=2);for(let f of l)this.drawSegment(e,t,f.p0,f.p1,u,o,h,s,n,d,a)}drawSegment(e,t,r,i,o,s,n,a,l,u,d){let h=this.scratchData;t.packIntoBuffer(h,u,a,l,d?.transform),h[15]=s,h[16]=o.r,h[17]=o.g,h[18]=o.b,h[19]=o.a,h[20]=n,h[21]=0,h[22]=0,h[23]=0,h[24]=r.x,h[25]=r.y,h[26]=i.x,h[27]=i.y;let f=this.uniformPool.getBuffer(this.device,h),m=i.x-r.x,g=i.y-r.y,x=Math.sqrt(m*m+g*g);if(x<1e-6)return;let B=s*.5+2,P=m/x*B,b=g/x*B,S=-b,D=P,Ge=new Float32Array([r.x-P-S,r.y-b-D,r.x-P+S,r.y-b+D,i.x+P-S,i.y+b-D,i.x+P+S,i.y+b+D]),Ue=this.vertexPool.getBuffer(this.device,Ge),Be=d?.blendMode==="max"?this.maxPipeline:this.pipeline;e.setPipeline(Be);let ke=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,f);e.setBindGroup(0,ke),e.setVertexBuffer(0,Ue),e.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};p();p();var ve=`
 struct Uniforms {
 	transformCol0 : vec4<f32>,
 	transformCol1 : vec4<f32>,
@@ -314,7 +314,7 @@ struct VSOut {
 		return color * opacity;
 	}
 }
-`;var E=class{buffers=[];index=0;size;usage;constructor(e,t){this.size=e,this.usage=t}getBuffer(e,t){if(this.index>=this.buffers.length){let i=e.createBuffer({size:this.size,usage:this.usage});this.buffers.push(i)}let r=this.buffers[this.index++];return e.queue.writeBuffer(r,0,t),r}reset(){this.index=0}destroy(){for(let e of this.buffers)e.destroy();this.buffers=[]}},A=class{device;pipeline;uniformLayout;textureLayout;uniformPool;vertexPool;uniformBindGroupCache=new w;uniformData=new Float32Array(16);vertexData=new Float32Array(16);constructor(e,t){this.device=e,this.uniformPool=new E(64,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new E(64,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"quad.wgsl",code:ve});this.uniformLayout=U(e),this.textureLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});let i=e.createPipelineLayout({bindGroupLayouts:[this.uniformLayout,this.textureLayout]});this.pipeline=e.createRenderPipeline({label:"QuadPipeline",layout:i,vertex:{module:r,entryPoint:"vs",buffers:[{arrayStride:16,attributes:[{shaderLocation:0,offset:0,format:"float32x2"},{shaderLocation:1,offset:8,format:"float32x2"}]}]},fragment:{module:r,entryPoint:"fs",targets:[{format:t,blend:de}]},primitive:{topology:"triangle-strip"}})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(e,t,r,i,o,s,n,a,l,u){let d=u?.opacity??1;r.packIntoBuffer(this.uniformData,d,a,l,u?.transform);let h=this.uniformPool.getBuffer(this.device,this.uniformData),p=s.x/i.width,m=s.y/i.height,g=(s.x+s.width)/i.width,x=(s.y+s.height)/i.height;this.vertexData[0]=n.x,this.vertexData[1]=n.y,this.vertexData[2]=p,this.vertexData[3]=m,this.vertexData[4]=n.x+n.width,this.vertexData[5]=n.y,this.vertexData[6]=g,this.vertexData[7]=m,this.vertexData[8]=n.x,this.vertexData[9]=n.y+n.height,this.vertexData[10]=p,this.vertexData[11]=x,this.vertexData[12]=n.x+n.width,this.vertexData[13]=n.y+n.height,this.vertexData[14]=g,this.vertexData[15]=x;let B=this.vertexPool.getBuffer(this.device,this.vertexData),P=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,h),b=t.getBindGroup(this.device,this.textureLayout,i,o);e.setPipeline(this.pipeline),e.setBindGroup(0,P),e.setBindGroup(1,b),e.setVertexBuffer(0,B),e.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};f();f();var V=`
+`;var E=class{buffers=[];index=0;size;usage;constructor(e,t){this.size=e,this.usage=t}getBuffer(e,t){if(this.index>=this.buffers.length){let i=e.createBuffer({size:this.size,usage:this.usage});this.buffers.push(i)}let r=this.buffers[this.index++];return e.queue.writeBuffer(r,0,t),r}reset(){this.index=0}destroy(){for(let e of this.buffers)e.destroy();this.buffers=[]}},A=class{device;pipeline;uniformLayout;textureLayout;uniformPool;vertexPool;uniformBindGroupCache=new w;uniformData=new Float32Array(16);vertexData=new Float32Array(16);constructor(e,t){this.device=e,this.uniformPool=new E(64,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new E(64,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"quad.wgsl",code:ve});this.uniformLayout=U(e),this.textureLayout=e.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});let i=e.createPipelineLayout({bindGroupLayouts:[this.uniformLayout,this.textureLayout]});this.pipeline=e.createRenderPipeline({label:"QuadPipeline",layout:i,vertex:{module:r,entryPoint:"vs",buffers:[{arrayStride:16,attributes:[{shaderLocation:0,offset:0,format:"float32x2"},{shaderLocation:1,offset:8,format:"float32x2"}]}]},fragment:{module:r,entryPoint:"fs",targets:[{format:t,blend:de}]},primitive:{topology:"triangle-strip"}})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(e,t,r,i,o,s,n,a,l,u){let d=u?.opacity??1;r.packIntoBuffer(this.uniformData,d,a,l,u?.transform);let h=this.uniformPool.getBuffer(this.device,this.uniformData),f=s.x/i.width,m=s.y/i.height,g=(s.x+s.width)/i.width,x=(s.y+s.height)/i.height;this.vertexData[0]=n.x,this.vertexData[1]=n.y,this.vertexData[2]=f,this.vertexData[3]=m,this.vertexData[4]=n.x+n.width,this.vertexData[5]=n.y,this.vertexData[6]=g,this.vertexData[7]=m,this.vertexData[8]=n.x,this.vertexData[9]=n.y+n.height,this.vertexData[10]=f,this.vertexData[11]=x,this.vertexData[12]=n.x+n.width,this.vertexData[13]=n.y+n.height,this.vertexData[14]=g,this.vertexData[15]=x;let B=this.vertexPool.getBuffer(this.device,this.vertexData),P=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,h),b=t.getBindGroup(this.device,this.textureLayout,i,o);e.setPipeline(this.pipeline),e.setBindGroup(0,P),e.setBindGroup(1,b),e.setVertexBuffer(0,B),e.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};p();p();var V=`
 struct GradientUniforms {
     info    : vec4<f32>, // x = type (0 none, 1 linear, 2 radial, 3 conic), y = stop count
     geom    : vec4<f32>, // linear: cx, cy, dir.x / len, dir.y / len; radial: cx, cy, rx, ry; conic: cx, cy, from (rad)
@@ -374,7 +374,7 @@ fn evalGradient(g: GradientUniforms, p: vec2<f32>) -> vec4<f32> {
     }
     return vec4<f32>(gradientOklabToSrgb(lab.xyz), lab.w);
 }
-`;f();var xe=`
+`;p();var xe=`
 ${V}
 
 struct Uniforms {
@@ -417,7 +417,7 @@ struct VSOut {
     
     return vec4<f32>(outColor.rgb * alpha, alpha);
 }
-`;f();var Te={linear:1,radial:2,conic:3};function I(c){return typeof c=="string"&&c.includes("gradient(")?re(c):null}function W(c,e,t,r){if(t.fill(0,r,r+48),!c)return;let i=ie(c.stops),o=Math.max(e.width,.001),s=Math.max(e.height,.001),n=e.x+c.center[0]*o,a=e.y+c.center[1]*s;if(t[r]=Te[c.type],t[r+1]=i.length,t[r+4]=c.type==="linear"?e.x+o/2:n,t[r+5]=c.type==="linear"?e.y+s/2:a,c.type==="linear"){let l=c.angle*Math.PI/180,u=Math.sin(l),d=-Math.cos(l),h=Math.abs(o*u)+Math.abs(s*d);t[r+6]=u/h,t[r+7]=d/h}else if(c.type==="radial"){let l,u;c.radius?[l,u]=c.radius:[l,u]=Fe(c,n-e.x,e.x+o-n,a-e.y,e.y+s-a),t[r+6]=l,t[r+7]=u}else t[r+6]=c.from*Math.PI/180;i.forEach((l,u)=>{t[r+8+u]=l.offset}),T(i).forEach((l,u)=>{t.set(l,r+16+u*4)})}function Fe(c,e,t,r,i){let o=c.extent??"farthest-corner",s=o.startsWith("farthest"),n=s?Math.max(e,t):Math.min(e,t),a=s?Math.max(r,i):Math.min(r,i),l=c.shape==="circle";if(o.endsWith("side")){if(!l)return[n,a];let u=s?Math.max(n,a):Math.min(n,a);return[u,u]}if(l){let u=Math.hypot(n,a);return[u,u]}return[n*Math.SQRT2,a*Math.SQRT2]}var z=class{device;pipeline;uniformLayout;uniformPool;vertexPool;uniformData=new Float32Array(68);constructor(e,t){this.device=e,this.uniformPool=new v(2048,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new v(8192,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"shape-fill.wgsl",code:xe});this.uniformLayout=U(e),this.pipeline=k(e,{label:"ShapeFillPipeline",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-list"})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(e,t,r,i,o,s,n,a){if(r.length<6||i.type==="none")return;let l=a?.opacity??1;t.packIntoBuffer(this.uniformData,l,s,n,a?.transform),this.uniformData[15]=0;let u=I(i.color);if(u)this.uniformData.fill(0,16,20),W(u,o,this.uniformData,20);else{let p=G(i.color??"#ffffff");this.uniformData[16]=p.r,this.uniformData[17]=p.g,this.uniformData[18]=p.b,this.uniformData[19]=p.a,this.packTwoColorGradient(i,o,p)}let d=this.uniformPool.getBuffer(this.device,this.uniformData),h=this.vertexPool.getBuffer(this.device,r);e.setPipeline(this.pipeline),e.setBindGroup(0,this.device.createBindGroup({layout:this.uniformLayout,entries:[{binding:0,resource:{buffer:d}}]})),e.setVertexBuffer(0,h),e.draw(r.length/2)}packTwoColorGradient(e,t,r){if(this.uniformData.fill(0,20,68),e.type!=="linear"&&e.type!=="radial")return;let o=G(e.color2??e.color??"#ffffff"),s=this.uniformData;if(e.type==="linear"){let a=e.startX??t.x,l=e.startY??t.y,u=e.endX??t.x+t.width,d=e.endY??t.y+t.height,h=u-a,p=d-l,m=Math.max(h*h+p*p,1e-6);s.set([1,2,0,0,(a+u)/2,(l+d)/2,h/m,p/m],20)}else{let a=e.radius??Math.max(t.width,t.height)/2;s.set([2,2,0,0,e.cx??t.x+t.width/2,e.cy??t.y+t.height/2,a,a],20)}s[28]=0,s[29]=1;let n=T([{offset:0,color:[r.r,r.g,r.b,r.a]},{offset:1,color:[o.r,o.g,o.b,o.a]}]);s.set(n[0],36),s.set(n[1],40)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy()}};f();f();var Pe=`
+`;p();var Te={linear:1,radial:2,conic:3};function I(c){return typeof c=="string"&&c.includes("gradient(")?re(c):null}function W(c,e,t,r){if(t.fill(0,r,r+48),!c)return;let i=ie(c.stops),o=Math.max(e.width,.001),s=Math.max(e.height,.001),n=e.x+c.center[0]*o,a=e.y+c.center[1]*s;if(t[r]=Te[c.type],t[r+1]=i.length,t[r+4]=c.type==="linear"?e.x+o/2:n,t[r+5]=c.type==="linear"?e.y+s/2:a,c.type==="linear"){let l=c.angle*Math.PI/180,u=Math.sin(l),d=-Math.cos(l),h=Math.abs(o*u)+Math.abs(s*d);t[r+6]=u/h,t[r+7]=d/h}else if(c.type==="radial"){let l,u;c.radius?[l,u]=c.radius:[l,u]=Fe(c,n-e.x,e.x+o-n,a-e.y,e.y+s-a),t[r+6]=l,t[r+7]=u}else t[r+6]=c.from*Math.PI/180;i.forEach((l,u)=>{t[r+8+u]=l.offset}),T(i).forEach((l,u)=>{t.set(l,r+16+u*4)})}function Fe(c,e,t,r,i){let o=c.extent??"farthest-corner",s=o.startsWith("farthest"),n=s?Math.max(e,t):Math.min(e,t),a=s?Math.max(r,i):Math.min(r,i),l=c.shape==="circle";if(o.endsWith("side")){if(!l)return[n,a];let u=s?Math.max(n,a):Math.min(n,a);return[u,u]}if(l){let u=Math.hypot(n,a);return[u,u]}return[n*Math.SQRT2,a*Math.SQRT2]}var z=class{device;pipeline;uniformLayout;uniformPool;vertexPool;uniformData=new Float32Array(68);constructor(e,t){this.device=e,this.uniformPool=new v(2048,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new v(8192,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"shape-fill.wgsl",code:xe});this.uniformLayout=U(e),this.pipeline=k(e,{label:"ShapeFillPipeline",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-list"})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(e,t,r,i,o,s,n,a){if(r.length<6||i.type==="none")return;let l=a?.opacity??1;t.packIntoBuffer(this.uniformData,l,s,n,a?.transform),this.uniformData[15]=0;let u=I(i.color);if(u)this.uniformData.fill(0,16,20),W(u,o,this.uniformData,20);else{let f=G(i.color??"#ffffff");this.uniformData[16]=f.r,this.uniformData[17]=f.g,this.uniformData[18]=f.b,this.uniformData[19]=f.a,this.packTwoColorGradient(i,o,f)}let d=this.uniformPool.getBuffer(this.device,this.uniformData),h=this.vertexPool.getBuffer(this.device,r);e.setPipeline(this.pipeline),e.setBindGroup(0,this.device.createBindGroup({layout:this.uniformLayout,entries:[{binding:0,resource:{buffer:d}}]})),e.setVertexBuffer(0,h),e.draw(r.length/2)}packTwoColorGradient(e,t,r){if(this.uniformData.fill(0,20,68),e.type!=="linear"&&e.type!=="radial")return;let o=G(e.color2??e.color??"#ffffff"),s=this.uniformData;if(e.type==="linear"){let a=e.startX??t.x,l=e.startY??t.y,u=e.endX??t.x+t.width,d=e.endY??t.y+t.height,h=u-a,f=d-l,m=Math.max(h*h+f*f,1e-6);s.set([1,2,0,0,(a+u)/2,(l+d)/2,h/m,f/m],20)}else{let a=e.radius??Math.max(t.width,t.height)/2;s.set([2,2,0,0,e.cx??t.x+t.width/2,e.cy??t.y+t.height/2,a,a],20)}s[28]=0,s[29]=1;let n=T([{offset:0,color:[r.r,r.g,r.b,r.a]},{offset:1,color:[o.r,o.g,o.b,o.a]}]);s.set(n[0],36),s.set(n[1],40)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy()}};p();p();var Pe=`
 ${V}
 
 struct Uniforms {
@@ -477,4 +477,4 @@ fn sdRoundedRect(p: vec2<f32>, b: vec2<f32>, r: f32) -> f32 {
     
     return vec4<f32>(fill.rgb * alpha, alpha);
 }
-`;var H=class{device;pipeline;uniformLayout;uniformPool;vertexPool;uniformBindGroupCache=new w;uniformData=new Float32Array(72);vertexData=new Float32Array(8);constructor(e,t){this.device=e,this.uniformPool=new v(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new v(256,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"solid.wgsl",code:Pe});this.uniformLayout=U(e),this.pipeline=k(e,{label:"SolidPipeline",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-strip"})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(e,t,r,i,o,s,n=0,a){let l=I(i),u=l?{r:0,g:0,b:0,a:1}:G(i),d=a?.opacity??1;t.packIntoBuffer(this.uniformData,d,o,s,a?.transform),this.uniformData[15]=n,this.uniformData[16]=u.r,this.uniformData[17]=u.g,this.uniformData[18]=u.b,this.uniformData[19]=u.a,this.uniformData[20]=r.x,this.uniformData[21]=r.y,this.uniformData[22]=r.width,this.uniformData[23]=r.height,W(l,r,this.uniformData,24);let h=this.uniformPool.getBuffer(this.device,this.uniformData),p=0;if(n>0){let S=a?.transform?t.getCurrent().multiply(a.transform):t.getCurrent(),D=Math.min(Math.hypot(S.a,S.b),Math.hypot(S.c,S.d));p=2/Math.max(D,.001)}let m=r.x-p,g=r.y-p,x=r.x+r.width+p,B=r.y+r.height+p;this.vertexData[0]=m,this.vertexData[1]=g,this.vertexData[2]=x,this.vertexData[3]=g,this.vertexData[4]=m,this.vertexData[5]=B,this.vertexData[6]=x,this.vertexData[7]=B;let P=this.vertexPool.getBuffer(this.device,this.vertexData);e.setPipeline(this.pipeline);let b=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,h);e.setBindGroup(0,b),e.setVertexBuffer(0,P),e.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};f();var N=class{stack=[new DOMMatrix];push(e){let r=this.stack[this.stack.length-1].multiply(e);this.stack.push(r)}pop(){this.stack.length>1&&this.stack.pop()}getCurrent(){return this.stack[this.stack.length-1]}packIntoBuffer(e,t,r,i,o,s){let n=this.getCurrent();o&&(n=n.multiply(o)),e[0]=n.a,e[1]=n.b,e[2]=0,e[3]=0,e[4]=n.c,e[5]=n.d,e[6]=0,e[7]=0,e[8]=n.e,e[9]=n.f,e[10]=1,e[11]=0,e[12]=t,e[13]=r,e[14]=i,e[15]=s??0}destroy(){this.stack=[new DOMMatrix]}};function Me(c){if(Array.isArray(c)){let r=c[3]??1;return[c[0]*r,c[1]*r,c[2]*r,r]}if("r"in c){let r=c.a??1;return{r:c.r*r,g:c.g*r,b:c.b*r,a:r}}let e=Array.from(c),t=e[3]??1;return[e[0]*t,e[1]*t,e[2]*t,t]}var be=new WeakMap;function tr(c,e){let t=be.get(c);return(!t||t.format!==e||t.isDestroyed)&&(t=new te(c,e),be.set(c,t)),t.resetPools(),t}var te=class{device;transformStack=new N;clipStack=new O;quadPipeline;solidPipeline;shapeFillPipeline;pathPipeline;effectPipeline;slugPipeline;bindGroupCache=new R;samplerCache=new fe;format;isDestroyed=!1;rasterDrawCount=0;surfaceWidth=0;surfaceHeight=0;lastEncoder=null;constructor(e,t){this.device=e,this.format=t,this.quadPipeline=new A(e,t),this.solidPipeline=new H(e,t),this.shapeFillPipeline=new z(e,t),this.pathPipeline=new L(e,t),this.effectPipeline=new _(e,t),this.slugPipeline=new le(e,t)}beginFrame(e,t,r={r:0,g:0,b:0,a:0},i,o,s="clear"){this.surfaceWidth=i,this.surfaceHeight=o,e!==this.lastEncoder&&(this.lastEncoder=e,this.resetPools());let n=e.beginRenderPass({colorAttachments:[{view:t,clearValue:Me(r),loadOp:s,storeOp:"store"}]});return this.clipStack.applyScissorToPass(n,i,o),n}endFrame(e){}resetPools(){this.quadPipeline.resetPools(),this.solidPipeline.resetPools(),this.shapeFillPipeline.resetPools(),this.pathPipeline.resetPools(),this.effectPipeline&&this.effectPipeline.resetPools(),this.slugPipeline.resetPools(),q.flushRetired(this.device),q.prune(this.device)}drawTexture(e,t,r,i){let o=this.samplerCache.getSampler(this.device),s={x:0,y:0,width:t.width,height:t.height};this.rasterDrawCount++,this.quadPipeline.draw(e,this.bindGroupCache,this.transformStack,t,o,s,r,this.surfaceWidth,this.surfaceHeight,i)}drawTextureRegion(e,t,r,i,o){let s=this.samplerCache.getSampler(this.device);this.rasterDrawCount++,this.quadPipeline.draw(e,this.bindGroupCache,this.transformStack,t,s,r,i,this.surfaceWidth,this.surfaceHeight,o)}drawRect(e,t,r,i=0,o){let s=0,n=o;typeof i=="object"&&i!==null?(n=i,s=0):typeof i=="number"&&(s=i),this.rasterDrawCount++,this.solidPipeline.draw(e,this.transformStack,t,r,this.surfaceWidth,this.surfaceHeight,s,n)}drawPath(e,t,r,i,o){this.rasterDrawCount++,this.pathPipeline.drawPath(e,this.transformStack,t,r,i,this.surfaceWidth,this.surfaceHeight,o)}drawShapeFill(e,t,r,i,o){this.rasterDrawCount++,this.shapeFillPipeline.draw(e,this.transformStack,t,r,i,this.surfaceWidth,this.surfaceHeight,o)}drawShape(e,t,r,i,o){let s={x:0,y:0,width:t.width,height:t.height};if(r&&r.type!=="none"){let n=he(t);if(n.length>0&&(this.drawShapeFill(e,n,r,s,o),(!i||!i.width||i.width<=0)&&(r.type??"solid")==="solid"&&r.color)){let a=$(t);a&&this.drawPath(e,a,r.color,1,{...o,strokeLineCap:"round"})}}if(i&&i.width&&i.width>0&&i.color){let n=$(t);n&&this.drawPath(e,n,i.color,i.width,{...o,strokeLineCap:i.cap,trimStart:i.trimStart,trimEnd:i.trimEnd,trimOffset:i.trimOffset,strokeDashArray:i.dashArray,strokeDashOffset:i.dashOffset})}}drawRRect(e,t,r,i){this.drawRect(e,t.rect,r,t.rx,i)}getTemporaryTexture(e,t,r){return this.effectPipeline.getTexture(this.device,e,t,this.format,r)}getTemporaryBuffer(e){return this.effectPipeline.getBuffer(this.device,e)}composite(e,t,r,i,o){return this.effectPipeline.composite(e,this.bindGroupCache,this.samplerCache,t,r,i,this.format,o)}applyMotionBlur(e,t,r,i,o=180,s=16,n){return this.effectPipeline.applyMotionBlur(e,this.bindGroupCache,this.samplerCache,t,r,i,o,s,this.format,n)}getCurrentTransform(){return this.transformStack.getCurrent()}getTransformStack(){return this.transformStack}getSurfaceWidth(){return this.surfaceWidth}getSurfaceHeight(){return this.surfaceHeight}pushIdentity(){let e=this.transformStack.getCurrent();this.pushTransform(e.inverse())}pushTransform(e){this.transformStack.push(e)}popTransform(){this.transformStack.pop()}pushScissor(e){this.clipStack.pushScissor(e,this.surfaceWidth,this.surfaceHeight)}pushScissorIntersect(e){let t=this.clipStack.getCurrentScissor(this.surfaceWidth,this.surfaceHeight);if(!t){this.pushScissor(e);return}let r=Math.max(e.x,t.x),i=Math.max(e.y,t.y),o=Math.min(e.x+e.width,t.x+t.width),s=Math.min(e.y+e.height,t.y+t.height);this.pushScissor({x:r,y:i,width:Math.max(0,o-r),height:Math.max(0,s-i)})}pushScissorLocal(e){let t=this.transformStack.getCurrent(),r=[t.transformPoint(new DOMPoint(e.x,e.y)),t.transformPoint(new DOMPoint(e.x+e.width,e.y)),t.transformPoint(new DOMPoint(e.x,e.y+e.height)),t.transformPoint(new DOMPoint(e.x+e.width,e.y+e.height))],i=r.map(d=>d.x),o=r.map(d=>d.y),s=Math.min(...i),n=Math.min(...o),a=Math.max(...i)-s,l=Math.max(...o)-n,u=this.clipStack.getCurrentScissor(this.surfaceWidth,this.surfaceHeight);if(u){let d=Math.max(s,u.x),h=Math.max(n,u.y),p=Math.min(s+a,u.x+u.width),m=Math.min(n+l,u.y+u.height);s=d,n=h,a=Math.max(0,p-d),l=Math.max(0,m-h)}this.clipStack.pushScissor({x:s,y:n,width:a,height:l},this.surfaceWidth,this.surfaceHeight)}popScissor(){this.clipStack.popScissor()}suspendScissors(){let e=this.clipStack.saveScissors();return this.clipStack.clearScissors(),e}resumeScissors(e){this.clipStack.restoreScissors(e)}pushStencilClip(e){this.clipStack.pushStencilClip(e)}popStencilClip(){this.clipStack.popStencilClip()}destroy(){this.isDestroyed=!0,this.transformStack.destroy(),this.clipStack.destroy(),this.bindGroupCache.destroy(),this.samplerCache.destroy(),this.quadPipeline.destroy(),this.solidPipeline.destroy(),this.shapeFillPipeline.destroy(),this.pathPipeline.destroy(),this.effectPipeline.destroy(),this.slugPipeline.destroy(),this.lastEncoder=null}};f();async function Se(c,e){if(typeof window<"u"&&typeof FontFace<"u"){let t=typeof e=="string"?e:"its registered bytes";try{let i=await new FontFace(c,typeof e=="string"?`url(${e})`:e).load();document.fonts.add(i),await document.fonts.ready}catch(r){console.warn(`[preloadFont] Failed to load font "${c}" from ${t}:`,r)}}else typeof e=="string"&&await oe(c,e)}f();var we=!1;async function dr(c,e,t=(r,i)=>console.warn(`[framefields] ${i}`,r)){let r=new Set,i=new Map;(function s(n){let a=n.operation;if(a){let l=a.op==="text"||a.kind==="text"||a.op==="caption"||a.kind==="caption"||typeof a.text=="string",u=a.fontFamily||(l?"Inter":"");if(u&&r.add(u),l&&typeof a.text=="string"){let d=a.fontSize??48;for(let h of ue(a.text))i.set(`${h}-${d}`,d)}}for(let l of n.children??[])s(l)})(c);let o=[];for(let s of r){let n=pe(s),a=me(s),l=typeof n=="string"?n:"its registered bytes";o.push(Se(s,n).catch(u=>t(u,`font "${s}" from ${l}`))),e&&o.push(C.preloadSlugFont(e,s,a).catch(u=>t(u,`Slug font "${s}" from ${a}`)))}if(e&&i.size>0){!C.hasEmojiFont()&&!we&&(we=!0,console.warn("[framefields] Text uses emoji but no emoji font is registered, so exports draw nothing for them. Run `npx framefields fonts add emoji` and call the generated `registerFonts()`, or register a color emoji font (e.g. Noto Color Emoji) with FontManager.registerEmojiFont(path). `comp.lint()` names the layers (missing_emoji_font)."));for(let[s,n]of i){let a=s.slice(0,s.lastIndexOf("-"));o.push(C.preloadEmoji(e,a,n).catch(l=>{C.hasEmojiFont()&&t(l,`emoji "${a}"`)}))}}await Promise.all(o)}export{Ee as a,_ as b,tr as c,te as d,Se as e,dr as f};
+`;var H=class{device;pipeline;uniformLayout;uniformPool;vertexPool;uniformBindGroupCache=new w;uniformData=new Float32Array(72);vertexData=new Float32Array(8);constructor(e,t){this.device=e,this.uniformPool=new v(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new v(256,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=e.createShaderModule({label:"solid.wgsl",code:Pe});this.uniformLayout=U(e),this.pipeline=k(e,{label:"SolidPipeline",module:r,uniformLayout:this.uniformLayout,format:t,topology:"triangle-strip"})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(e,t,r,i,o,s,n=0,a){let l=I(i),u=l?{r:0,g:0,b:0,a:1}:G(i),d=a?.opacity??1;t.packIntoBuffer(this.uniformData,d,o,s,a?.transform),this.uniformData[15]=n,this.uniformData[16]=u.r,this.uniformData[17]=u.g,this.uniformData[18]=u.b,this.uniformData[19]=u.a,this.uniformData[20]=r.x,this.uniformData[21]=r.y,this.uniformData[22]=r.width,this.uniformData[23]=r.height,W(l,r,this.uniformData,24);let h=this.uniformPool.getBuffer(this.device,this.uniformData),f=0;if(n>0){let S=a?.transform?t.getCurrent().multiply(a.transform):t.getCurrent(),D=Math.min(Math.hypot(S.a,S.b),Math.hypot(S.c,S.d));f=2/Math.max(D,.001)}let m=r.x-f,g=r.y-f,x=r.x+r.width+f,B=r.y+r.height+f;this.vertexData[0]=m,this.vertexData[1]=g,this.vertexData[2]=x,this.vertexData[3]=g,this.vertexData[4]=m,this.vertexData[5]=B,this.vertexData[6]=x,this.vertexData[7]=B;let P=this.vertexPool.getBuffer(this.device,this.vertexData);e.setPipeline(this.pipeline);let b=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,h);e.setBindGroup(0,b),e.setVertexBuffer(0,P),e.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};p();var N=class{stack=[new DOMMatrix];push(e){let r=this.stack[this.stack.length-1].multiply(e);this.stack.push(r)}pop(){this.stack.length>1&&this.stack.pop()}getCurrent(){return this.stack[this.stack.length-1]}packIntoBuffer(e,t,r,i,o,s){let n=this.getCurrent();o&&(n=n.multiply(o)),e[0]=n.a,e[1]=n.b,e[2]=0,e[3]=0,e[4]=n.c,e[5]=n.d,e[6]=0,e[7]=0,e[8]=n.e,e[9]=n.f,e[10]=1,e[11]=0,e[12]=t,e[13]=r,e[14]=i,e[15]=s??0}destroy(){this.stack=[new DOMMatrix]}};function Me(c){if(Array.isArray(c)){let r=c[3]??1;return[c[0]*r,c[1]*r,c[2]*r,r]}if("r"in c){let r=c.a??1;return{r:c.r*r,g:c.g*r,b:c.b*r,a:r}}let e=Array.from(c),t=e[3]??1;return[e[0]*t,e[1]*t,e[2]*t,t]}var be=new WeakMap;function tr(c,e){let t=be.get(c);return(!t||t.format!==e||t.isDestroyed)&&(t=new te(c,e),be.set(c,t)),t.resetPools(),t}var te=class{device;transformStack=new N;clipStack=new O;quadPipeline;solidPipeline;shapeFillPipeline;pathPipeline;effectPipeline;slugPipeline;bindGroupCache=new R;samplerCache=new pe;format;isDestroyed=!1;rasterDrawCount=0;surfaceWidth=0;surfaceHeight=0;lastEncoder=null;constructor(e,t){this.device=e,this.format=t,this.quadPipeline=new A(e,t),this.solidPipeline=new H(e,t),this.shapeFillPipeline=new z(e,t),this.pathPipeline=new L(e,t),this.effectPipeline=new _(e,t),this.slugPipeline=new le(e,t)}beginFrame(e,t,r={r:0,g:0,b:0,a:0},i,o,s="clear"){this.surfaceWidth=i,this.surfaceHeight=o,e!==this.lastEncoder&&(this.lastEncoder=e,this.resetPools());let n=e.beginRenderPass({colorAttachments:[{view:t,clearValue:Me(r),loadOp:s,storeOp:"store"}]});return this.clipStack.applyScissorToPass(n,i,o),n}endFrame(e){}resetPools(){this.quadPipeline.resetPools(),this.solidPipeline.resetPools(),this.shapeFillPipeline.resetPools(),this.pathPipeline.resetPools(),this.effectPipeline&&this.effectPipeline.resetPools(),this.slugPipeline.resetPools(),q.flushRetired(this.device),q.prune(this.device)}drawTexture(e,t,r,i){let o=this.samplerCache.getSampler(this.device),s={x:0,y:0,width:t.width,height:t.height};this.rasterDrawCount++,this.quadPipeline.draw(e,this.bindGroupCache,this.transformStack,t,o,s,r,this.surfaceWidth,this.surfaceHeight,i)}drawTextureRegion(e,t,r,i,o){let s=this.samplerCache.getSampler(this.device);this.rasterDrawCount++,this.quadPipeline.draw(e,this.bindGroupCache,this.transformStack,t,s,r,i,this.surfaceWidth,this.surfaceHeight,o)}drawRect(e,t,r,i=0,o){let s=0,n=o;typeof i=="object"&&i!==null?(n=i,s=0):typeof i=="number"&&(s=i),this.rasterDrawCount++,this.solidPipeline.draw(e,this.transformStack,t,r,this.surfaceWidth,this.surfaceHeight,s,n)}drawPath(e,t,r,i,o){this.rasterDrawCount++,this.pathPipeline.drawPath(e,this.transformStack,t,r,i,this.surfaceWidth,this.surfaceHeight,o)}drawShapeFill(e,t,r,i,o){this.rasterDrawCount++,this.shapeFillPipeline.draw(e,this.transformStack,t,r,i,this.surfaceWidth,this.surfaceHeight,o)}drawShape(e,t,r,i,o){let s={x:0,y:0,width:t.width,height:t.height};if(r&&r.type!=="none"){let n=he(t);if(n.length>0&&(this.drawShapeFill(e,n,r,s,o),(!i||!i.width||i.width<=0)&&(r.type??"solid")==="solid"&&r.color)){let a=$(t);a&&this.drawPath(e,a,r.color,1,{...o,strokeLineCap:"round"})}}if(i&&i.width&&i.width>0&&i.color){let n=$(t);n&&this.drawPath(e,n,i.color,i.width,{...o,strokeLineCap:i.cap,trimStart:i.trimStart,trimEnd:i.trimEnd,trimOffset:i.trimOffset,strokeDashArray:i.dashArray,strokeDashOffset:i.dashOffset})}}drawRRect(e,t,r,i){this.drawRect(e,t.rect,r,t.rx,i)}getTemporaryTexture(e,t,r){return this.effectPipeline.getTexture(this.device,e,t,this.format,r)}getTemporaryBuffer(e){return this.effectPipeline.getBuffer(this.device,e)}composite(e,t,r,i,o){return this.effectPipeline.composite(e,this.bindGroupCache,this.samplerCache,t,r,i,this.format,o)}applyMotionBlur(e,t,r,i,o=180,s=16,n){return this.effectPipeline.applyMotionBlur(e,this.bindGroupCache,this.samplerCache,t,r,i,o,s,this.format,n)}getCurrentTransform(){return this.transformStack.getCurrent()}getTransformStack(){return this.transformStack}getSurfaceWidth(){return this.surfaceWidth}getSurfaceHeight(){return this.surfaceHeight}pushIdentity(){let e=this.transformStack.getCurrent();this.pushTransform(e.inverse())}pushTransform(e){this.transformStack.push(e)}popTransform(){this.transformStack.pop()}pushScissor(e){this.clipStack.pushScissor(e,this.surfaceWidth,this.surfaceHeight)}pushScissorIntersect(e){let t=this.clipStack.getCurrentScissor(this.surfaceWidth,this.surfaceHeight);if(!t){this.pushScissor(e);return}let r=Math.max(e.x,t.x),i=Math.max(e.y,t.y),o=Math.min(e.x+e.width,t.x+t.width),s=Math.min(e.y+e.height,t.y+t.height);this.pushScissor({x:r,y:i,width:Math.max(0,o-r),height:Math.max(0,s-i)})}pushScissorLocal(e){let t=this.transformStack.getCurrent(),r=[t.transformPoint(new DOMPoint(e.x,e.y)),t.transformPoint(new DOMPoint(e.x+e.width,e.y)),t.transformPoint(new DOMPoint(e.x,e.y+e.height)),t.transformPoint(new DOMPoint(e.x+e.width,e.y+e.height))],i=r.map(d=>d.x),o=r.map(d=>d.y),s=Math.min(...i),n=Math.min(...o),a=Math.max(...i)-s,l=Math.max(...o)-n,u=this.clipStack.getCurrentScissor(this.surfaceWidth,this.surfaceHeight);if(u){let d=Math.max(s,u.x),h=Math.max(n,u.y),f=Math.min(s+a,u.x+u.width),m=Math.min(n+l,u.y+u.height);s=d,n=h,a=Math.max(0,f-d),l=Math.max(0,m-h)}this.clipStack.pushScissor({x:s,y:n,width:a,height:l},this.surfaceWidth,this.surfaceHeight)}popScissor(){this.clipStack.popScissor()}suspendScissors(){let e=this.clipStack.saveScissors();return this.clipStack.clearScissors(),e}resumeScissors(e){this.clipStack.restoreScissors(e)}pushStencilClip(e){this.clipStack.pushStencilClip(e)}popStencilClip(){this.clipStack.popStencilClip()}destroy(){this.isDestroyed=!0,this.transformStack.destroy(),this.clipStack.destroy(),this.bindGroupCache.destroy(),this.samplerCache.destroy(),this.quadPipeline.destroy(),this.solidPipeline.destroy(),this.shapeFillPipeline.destroy(),this.pathPipeline.destroy(),this.effectPipeline.destroy(),this.slugPipeline.destroy(),this.lastEncoder=null}};p();async function Se(c,e){if(typeof window<"u"&&typeof FontFace<"u"){let t=typeof e=="string"?e:"its registered bytes";try{let i=await new FontFace(c,typeof e=="string"?`url(${e})`:e).load();document.fonts.add(i),await document.fonts.ready}catch(r){console.warn(`[preloadFont] Failed to load font "${c}" from ${t}:`,r)}}else typeof e=="string"&&await oe(c,e)}p();var we=!1;async function dr(c,e,t=(r,i)=>console.warn(`[framefields] ${i}`,r)){let r=new Set,i=new Map;(function s(n){let a=n.operation;if(a){let l=a.op==="text"||a.kind==="text"||a.op==="caption"||a.kind==="caption"||typeof a.text=="string",u=a.fontFamily||(l?"Inter":"");if(u&&r.add(u),l&&typeof a.text=="string"){let d=a.fontSize??48;for(let h of ue(a.text))i.set(`${h}-${d}`,d)}}for(let l of n.children??[])s(l)})(c);let o=[];for(let s of r){let n=fe(s),a=me(s),l=typeof n=="string"?n:"its registered bytes";o.push(Se(s,n).catch(u=>t(u,`font "${s}" from ${l}`))),e&&o.push(C.preloadSlugFont(e,s,a).catch(u=>t(u,`Slug font "${s}" from ${a}`)))}if(e&&i.size>0){!C.hasEmojiFont()&&!we&&(we=!0,console.warn("[framefields] Text uses emoji but no emoji font is registered, so exports draw nothing for them. Run `npx framefields fonts add emoji` and call the generated `registerFonts()`, or register a color emoji font (e.g. Noto Color Emoji) with FontManager.registerEmojiFont(path). `comp.lint()` names the layers (missing_emoji_font)."));for(let[s,n]of i){let a=s.slice(0,s.lastIndexOf("-"));o.push(C.preloadEmoji(e,a,n).catch(l=>{C.hasEmojiFont()&&t(l,`emoji "${a}"`)}))}}await Promise.all(o)}export{Ee as a,_ as b,tr as c,te as d,Se as e,dr as f};

package/dist/preview-engine/{chunk-AVDHZNIZ.mjs → chunk-OH5W5EL6.mjs}

@@ -1,4 +1,4 @@
-import{a as Y}from"./chunk-2GA735OZ.mjs";import{b as $,c as K}from"./chunk-3DXMWDQ3.mjs";import{a as H,d as M,e as W,g as F,h as O,j as X,k as z,l as E,m as R}from"./chunk-IB6GZJOL.mjs";import{a as c}from"./chunk-6FULVULN.mjs";import{A as B,x as V}from"./chunk-F4F2UDRX.mjs";import{g as n}from"./chunk-Y4NIR77Z.mjs";n();n();n();var L=50,_=500,G=255,pe=Y().field("amount",c.number().min(0).max(_).default(100),{bindable:!0,dataTypes:["Number","Signal"],label:"Amount Signal",description:"Sharpening intensity percentage (0\u2013500%)."}).field("radius",c.number().min(.1).max(L).default(1.5),{bindable:!0,dataTypes:["Number","Signal"],label:"Radius Signal",description:"The Gaussian blur radius in pixels used to detect edge contrast."}).field("threshold",c.number().int().min(0).max(G).default(3),{bindable:!0,dataTypes:["Number","Signal"],label:"Threshold Signal",description:"Minimum tonal level difference (0\u2013255) required before sharpening is applied to avoid amplifying noise."}).build(),he=pe.schema,Se=c.union([$,K]);var ce=`
+import{a as Y}from"./chunk-2GA735OZ.mjs";import{b as $,c as K}from"./chunk-3DXMWDQ3.mjs";import{a as H,d as M,e as W,g as F,h as O,j as X,k as z,l as E,m as R}from"./chunk-IB6GZJOL.mjs";import{a as c}from"./chunk-6FULVULN.mjs";import{d as V,g as B}from"./chunk-KOVN277Z.mjs";import{g as n}from"./chunk-Y4NIR77Z.mjs";n();n();n();var L=50,_=500,G=255,pe=Y().field("amount",c.number().min(0).max(_).default(100),{bindable:!0,dataTypes:["Number","Signal"],label:"Amount Signal",description:"Sharpening intensity percentage (0\u2013500%)."}).field("radius",c.number().min(.1).max(L).default(1.5),{bindable:!0,dataTypes:["Number","Signal"],label:"Radius Signal",description:"The Gaussian blur radius in pixels used to detect edge contrast."}).field("threshold",c.number().int().min(0).max(G).default(3),{bindable:!0,dataTypes:["Number","Signal"],label:"Threshold Signal",description:"Minimum tonal level difference (0\u2013255) required before sharpening is applied to avoid amplifying noise."}).build(),he=pe.schema,Se=c.union([$,K]);var ce=`
 struct UnsharpMaskUniforms {
 	dirX           : f32,
 	dirY           : f32,

package/dist/preview-engine/{chunk-22F33PPP.mjs → chunk-P5FKRQFU.mjs}

@@ -1,4 +1,4 @@
-import{a as g}from"./chunk-GZVPVOHB.mjs";import{A as l,c as m,h as u}from"./chunk-F4F2UDRX.mjs";import{g as t}from"./chunk-Y4NIR77Z.mjs";t();t();var x=["pan"],w=()=>`
+import{a as g}from"./chunk-K3C6GUQD.mjs";import{g as l}from"./chunk-KOVN277Z.mjs";import{c as m,h as u}from"./chunk-ULOFDFHJ.mjs";import{g as t}from"./chunk-Y4NIR77Z.mjs";t();t();var x=["pan"],w=()=>`
 struct Uniforms {
     sampleRate  : f32,
     pan         : f32,

package/dist/preview-engine/{chunk-7X2AUKTU.mjs → chunk-PM2W4VLT.mjs}

@@ -1,4 +1,4 @@
-import{a as q}from"./chunk-2GA735OZ.mjs";import{b as J,c as Z}from"./chunk-3DXMWDQ3.mjs";import{a as $,d as X,e as L,g as K,h as V,j as Y,k as j,l as Q,m as w}from"./chunk-IB6GZJOL.mjs";import{a as r}from"./chunk-6FULVULN.mjs";import{A as H,x as E}from"./chunk-F4F2UDRX.mjs";import{g as l}from"./chunk-Y4NIR77Z.mjs";l();l();l();l();var I=200,be=r.enum(["Union","Intersect","Subtract","Difference","Invert","Dilate","Erode","Choke","Feather"]),ee=r.enum(["Alpha","Luminance","Red","Green","Blue"]),ke=r.enum(["WhiteWithAlpha","GrayscaleRGB","AlphaOnly","PassthroughRGB"]),Re=q().field("operation",be.default("Union"),{label:"Operation",description:"Morphological or Boolean set operation applied to input alpha masks."}).field("radius",r.number().min(0).max(I).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Radius / Width (px)",description:"Kernel radius in pixels for Dilate, Erode, Choke, or Feather operations."}).field("threshold",r.number().multipleOf(.01).min(0).max(1).default(.5),{bindable:!0,dataTypes:["Number","Signal"],label:"Threshold",description:"Cutoff threshold level (0.0\u20131.0) for binarization step or non-linear choke."}).field("clampMin",r.number().multipleOf(.01).min(0).max(1).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Min",description:"Minimum alpha matte cutoff limit (0.0\u20131.0)."}).field("clampMax",r.number().multipleOf(.01).min(0).max(1).default(1),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Max",description:"Maximum alpha matte cutoff limit (0.0\u20131.0)."}).field("channelA",ee.default("Alpha"),{label:"Mask A Channel",description:"Source channel to extract mask from Mask A (Alpha, Luminance, Red, Green, Blue)."}).field("channelB",ee.default("Alpha"),{label:"Mask B Channel",description:"Source channel to extract mask from Mask B (Alpha, Luminance, Red, Green, Blue)."}).field("binarize",r.boolean().default(!1),{label:"Binarize",description:"When enabled, outputs crisp 1-bit binary matte based on threshold."}).field("invertResult",r.boolean().default(!1),{label:"Invert Result",description:"Inverts final matte output."}).field("outputFormat",ke.default("WhiteWithAlpha"),{label:"Output Format",description:"WhiteWithAlpha (rgba(1,1,1,a)), GrayscaleRGB (rgba(a,a,a,1)), AlphaOnly (rgba(0,0,0,a)), PassthroughRGB (Mask A RGB with new alpha)."}).build(),Le=Re.schema,Ve=r.union([J,Z]);l();var Ae={Union:0,Intersect:1,Subtract:2,Difference:3,Invert:4,Dilate:5,Erode:6,Choke:7,Feather:8},ae={Alpha:0,Luminance:1,Red:2,Green:3,Blue:4},ye={WhiteWithAlpha:0,GrayscaleRGB:1,AlphaOnly:2,PassthroughRGB:3},Be=`
+import{a as q}from"./chunk-2GA735OZ.mjs";import{b as J,c as Z}from"./chunk-3DXMWDQ3.mjs";import{a as $,d as X,e as L,g as K,h as V,j as Y,k as j,l as Q,m as w}from"./chunk-IB6GZJOL.mjs";import{a as r}from"./chunk-6FULVULN.mjs";import{d as E,g as H}from"./chunk-KOVN277Z.mjs";import{g as l}from"./chunk-Y4NIR77Z.mjs";l();l();l();l();var I=200,be=r.enum(["Union","Intersect","Subtract","Difference","Invert","Dilate","Erode","Choke","Feather"]),ee=r.enum(["Alpha","Luminance","Red","Green","Blue"]),ke=r.enum(["WhiteWithAlpha","GrayscaleRGB","AlphaOnly","PassthroughRGB"]),Re=q().field("operation",be.default("Union"),{label:"Operation",description:"Morphological or Boolean set operation applied to input alpha masks."}).field("radius",r.number().min(0).max(I).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Radius / Width (px)",description:"Kernel radius in pixels for Dilate, Erode, Choke, or Feather operations."}).field("threshold",r.number().multipleOf(.01).min(0).max(1).default(.5),{bindable:!0,dataTypes:["Number","Signal"],label:"Threshold",description:"Cutoff threshold level (0.0\u20131.0) for binarization step or non-linear choke."}).field("clampMin",r.number().multipleOf(.01).min(0).max(1).default(0),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Min",description:"Minimum alpha matte cutoff limit (0.0\u20131.0)."}).field("clampMax",r.number().multipleOf(.01).min(0).max(1).default(1),{bindable:!0,dataTypes:["Number","Signal"],label:"Clamp Max",description:"Maximum alpha matte cutoff limit (0.0\u20131.0)."}).field("channelA",ee.default("Alpha"),{label:"Mask A Channel",description:"Source channel to extract mask from Mask A (Alpha, Luminance, Red, Green, Blue)."}).field("channelB",ee.default("Alpha"),{label:"Mask B Channel",description:"Source channel to extract mask from Mask B (Alpha, Luminance, Red, Green, Blue)."}).field("binarize",r.boolean().default(!1),{label:"Binarize",description:"When enabled, outputs crisp 1-bit binary matte based on threshold."}).field("invertResult",r.boolean().default(!1),{label:"Invert Result",description:"Inverts final matte output."}).field("outputFormat",ke.default("WhiteWithAlpha"),{label:"Output Format",description:"WhiteWithAlpha (rgba(1,1,1,a)), GrayscaleRGB (rgba(a,a,a,1)), AlphaOnly (rgba(0,0,0,a)), PassthroughRGB (Mask A RGB with new alpha)."}).build(),Le=Re.schema,Ve=r.union([J,Z]);l();var Ae={Union:0,Intersect:1,Subtract:2,Difference:3,Invert:4,Dilate:5,Erode:6,Choke:7,Feather:8},ae={Alpha:0,Luminance:1,Red:2,Green:3,Blue:4},ye={WhiteWithAlpha:0,GrayscaleRGB:1,AlphaOnly:2,PassthroughRGB:3},Be=`
 struct MaskMathUniforms {
 	dirX           : f32,
 	dirY           : f32,