framefields 2.0.11 → 2.1.0

package/dist/preview-engine/chunk-5FC7GOWW.mjs

@@ -0,0 +1,474 @@
+import{a as ot}from"./chunk-LKYN3BM2.mjs";import{o as Ut,p as C,q as T,r as Mt}from"./chunk-RQLMW6MA.mjs";import{c as yt,d as xt,e as $}from"./chunk-VRGREB3V.mjs";import{a as St,b as it,d as wt,e as A}from"./chunk-ZIIFTWDH.mjs";import{a as vt,b as bt}from"./chunk-E4RAFHZM.mjs";import{e as O,s as G,t as M,v as Gt}from"./chunk-BWJS6G7R.mjs";import{a as D,b as gt}from"./chunk-IQC2I5A5.mjs";import{d as Pt}from"./chunk-HYBAPT6I.mjs";import{e as x}from"./chunk-BVF64D6H.mjs";x();var E=class{constructor(t,e){this.url=t;this.isHeadless=e}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 t=await A.acquire(this.url);this.destroyed?A.release(this.url):this.input=t}catch(t){throw this.initPromise=null,t}})(),this.initPromise)}destroy(){this.destroyed=!0,this.iterator?.return(),this.input&&(A.release(this.url),this.input=null),this.initPromise=null,this.onDestroy()}},st=class extends E{canvasSink=null;videoSampleSink=null;currentFrame=null;nextFrame=null;currentSample=null;nextSample=null;headlessQueue=[];isDecoding=!1;decodeBuffer=null;nextRequest=null;pushHeadlessQueue(t){let e=this.headlessQueue.findIndex(r=>r.timestamp>t.timestamp);e===-1?this.headlessQueue.push(t):this.headlessQueue.splice(e,0,t)}async fillHeadlessQueue(t){if(this.iterator)for(;this.headlessQueue.length<2;){let e=await this.iterator.next();if(this.currentFetchId!==t){e.value?.close?.();return}if(e.done||!e.value)break;this.pushHeadlessQueue(e.value)}}async closeIterator(t){if(t)try{await t.return()}catch{}}resetSinks(){let t=this.iterator;if(this.iterator=null,t)try{t.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 e of this.headlessQueue)try{e.close()}catch{}this.headlessQueue=[],this.decodeBuffer=null,this.iteratorStartTimestamp=-1}onDestroy(){this.resetSinks()}async startIterator(t,e){if(!this.canvasSink)return;let r=Math.max(0,Number.isFinite(t)?t:0),i=this.iterator;if(this.iterator=null,await this.closeIterator(i),this.currentFetchId!==e||this.destroyed)return;this.iterator=this.canvasSink.canvases(r);let n=await this.iterator.next();if(this.currentFetchId!==e||this.destroyed)return;this.currentFrame=n.value??null;let s=await this.iterator.next();this.currentFetchId!==e||this.destroyed||(this.nextFrame=s.value??null,this.iteratorStartTimestamp=r)}async startIteratorHeadless(t,e){if(!this.videoSampleSink)return;let r=Math.max(0,Number.isFinite(t)?t:0),i=this.iterator;if(this.iterator=null,await this.closeIterator(i),this.currentFetchId!==e||this.destroyed)return;for(let s of this.headlessQueue)s.close();this.headlessQueue=[];let n=Math.max(0,r-.1);this.iterator=this.videoSampleSink.samples(n),await this.fillHeadlessQueue(e),!(this.currentFetchId!==e||this.destroyed)&&(this.iteratorStartTimestamp=r)}async getFrame(t){if(await this.init(),this.destroyed||!this.input)return null;let e=Math.max(0,Number.isFinite(t)?t:0);return this.isDecoding?(this.nextRequest&&this.nextRequest.resolve(null),new Promise((r,i)=>{this.nextRequest={timestampSec:e,resolve:r,reject:i}})):this.executeDecode(e)}async executeDecode(t){this.isDecoding=!0;try{return await this.performDecode(t)}finally{if(this.isDecoding=!1,this.nextRequest){let e=this.nextRequest;this.nextRequest=null,this.executeDecode(e.timestampSec).then(e.resolve).catch(e.reject)}}}async performDecodeHeadless(t,e){if(!this.videoSampleSink){if(this.destroyed||!this.input)return null;let h=await this.input.getPrimaryVideoTrack();if(!h)return null;this.videoSampleSink=new St(h)}let r=1e-4;if((!this.iterator||t<this.iteratorStartTimestamp-r||this.headlessQueue.length>0&&t<this.headlessQueue[0].timestamp-.01||this.headlessQueue.length>0&&t-this.headlessQueue[0].timestamp>1)&&(await this.startIteratorHeadless(t,e),this.currentFetchId!==e||this.destroyed||!this.input))return null;for(;;){if(await this.fillHeadlessQueue(e),this.currentFetchId!==e||this.destroyed||!this.input)return null;if(this.headlessQueue.length>=2&&this.headlessQueue[1].timestamp<=t+r){this.headlessQueue.shift()?.close();continue}break}let s=this.headlessQueue[0];if(!s)return null;let a=s.displayWidth,o=s.displayHeight,c=a*o*4,l=this.decodeBuffer;return(!l||l.length!==c)&&(l=new Uint8Array(c),this.decodeBuffer=l),await s.copyTo(l,{format:"RGBA"}),this.currentFetchId!==e||this.destroyed||!this.input?null:(gt(l),{width:a,height:o,buffer:l})}async performDecodeInternal(t){this.currentFetchId++;let e=this.currentFetchId;if(this.isHeadless)return this.performDecodeHeadless(t,e);if(!this.canvasSink){if(this.destroyed||!this.input)return null;let a=await this.input.getPrimaryVideoTrack();if(!a)return null;this.canvasSink=new it(a,{poolSize:3,alpha:!0})}let r=1e-4;if((!this.iterator||t<this.iteratorStartTimestamp-r||this.currentFrame&&t<this.currentFrame.timestamp-.01||this.currentFrame&&t-this.currentFrame.timestamp>1)&&(await this.startIterator(t,e),this.currentFetchId!==e||this.destroyed||!this.input))return null;for(;this.nextFrame&&this.nextFrame.timestamp<=t+r;)if(this.currentFrame=this.nextFrame,this.nextFrame=null,this.iterator){let a=await this.iterator.next();if(this.currentFetchId!==e||this.destroyed||!this.input)return null;this.nextFrame=a.value??null}if(!this.currentFrame)return null;let s=this.currentFrame.canvas;return{width:s.width,height:s.height,canvas:s}}async performDecode(t){let e=Math.max(0,Number.isFinite(t)?t:0);try{return await this.performDecodeInternal(e)}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 n=await this.input.getPrimaryVideoTrack();if(n&&!this.destroyed)return this.canvasSink=new it(n,{poolSize:3,alpha:!0,decoderOptions:{hardwareAcceleration:"prefer-software"}}),await this.performDecodeInternal(e)}}catch{}throw r}}},nt=class extends E{audioSink=null;onDestroy(){this.audioSink=null}async startIterator(t,e){this.audioSink&&(this.iterator?.return(),this.iterator=this.audioSink.buffers(t),this.iteratorStartTimestamp=t)}async*getBuffers(t){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 wt(i)}(!this.iterator||Math.abs(t-this.iteratorStartTimestamp)>.05)&&(this.currentFetchId++,await this.startIterator(t,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(e){let r=e;if(r?.name==="InputDisposedError"||r?.message?.includes("disposed")||this.destroyed||!this.input)return;throw e}finally{let e=this.currentFetchId;this.currentFetchId===e&&(this.iterator=null)}}},at=class{videoDecoders=new Map;audioDecoders=new Map;lastAccessed=new Map;touchKey(t){this.lastAccessed.set(t,Date.now())}destroy(){for(let t of this.videoDecoders.values())try{t.destroy()}catch{}this.videoDecoders.clear();for(let t of this.audioDecoders.values())try{t.destroy()}catch{}this.audioDecoders.clear(),this.lastAccessed.clear()}prune(t=3e5){let e=Date.now();for(let[r,i]of this.lastAccessed.entries())if(e-i>t){let n=this.videoDecoders.get(r);n&&(n.destroy(),this.videoDecoders.delete(r));let s=this.audioDecoders.get(r);s&&(s.destroy(),this.audioDecoders.delete(r)),this.lastAccessed.delete(r)}}getVideo(t,e,r){let i=`${t}-${e}-${r??"default"}`,n=this.videoDecoders.get(i);return n||(n=new st(t,e),this.videoDecoders.set(i,n)),this.touchKey(i),this.prune(),n}getAudio(t,e){let r=`${t}-${e??"default"}`,i=this.audioDecoders.get(r);return i||(i=new nt(t,!1),this.audioDecoders.set(r,i)),this.touchKey(r),this.prune(),i}clearNode(t){for(let[e,r]of this.videoDecoders)e.includes(t)&&(r.destroy(),this.videoDecoders.delete(e),this.lastAccessed.delete(e));for(let[e,r]of this.audioDecoders)e.includes(t)&&(r.destroy(),this.audioDecoders.delete(e),this.lastAccessed.delete(e))}},te=new at;x();x();var Bt=`
+struct CompositeUniforms {
+	blendMode : u32,
+	padding1  : u32,
+	padding2  : u32,
+	padding3  : u32,
+};
+
+@group(0) @binding(0) var<uniform> u : CompositeUniforms;
+@group(1) @binding(0) var baseTex    : texture_2d<f32>;
+@group(1) @binding(1) var overlayTex : texture_2d<f32>;
+@group(1) @binding(2) var samp       : sampler;
+
+struct VSOut {
+	@builtin(position) pos : vec4<f32>,
+	@location(0) uv        : vec2<f32>,
+};
+
+@vertex fn vs(@builtin(vertex_index) vi: u32) -> VSOut {
+	var pos = array<vec2<f32>, 4>(
+		vec2<f32>(-1.0, 1.0),
+		vec2<f32>(1.0, 1.0),
+		vec2<f32>(-1.0, -1.0),
+		vec2<f32>(1.0, -1.0)
+	);
+	var uv = array<vec2<f32>, 4>(
+		vec2<f32>(0.0, 0.0),
+		vec2<f32>(1.0, 0.0),
+		vec2<f32>(0.0, 1.0),
+		vec2<f32>(1.0, 1.0)
+	);
+	return VSOut(vec4<f32>(pos[vi], 0.0, 1.0), uv[vi]);
+}
+
+fn lum(c: vec3<f32>) -> f32 {
+	return 0.3 * c.r + 0.59 * c.g + 0.11 * c.b;
+}
+
+fn clip_color(c: vec3<f32>) -> vec3<f32> {
+	let l = lum(c);
+	let n = min(min(c.r, c.g), c.b);
+	let x = max(max(c.r, c.g), c.b);
+	var res = c;
+	if (n < 0.0) {
+		res = l + (((res - l) * l) / (l - n));
+	}
+	if (x > 1.0) {
+		res = l + (((res - l) * (1.0 - l)) / (x - l));
+	}
+	return res;
+}
+
+fn set_lum(c: vec3<f32>, l: f32) -> vec3<f32> {
+	let diff = l - lum(c);
+	return clip_color(c + vec3<f32>(diff));
+}
+
+fn sat(c: vec3<f32>) -> f32 {
+	return max(max(c.r, c.g), c.b) - min(min(c.r, c.g), c.b);
+}
+
+fn set_sat(c: vec3<f32>, s: f32) -> vec3<f32> {
+	let c_min = min(min(c.r, c.g), c.b);
+	let c_max = max(max(c.r, c.g), c.b);
+	if (c_max <= c_min) {
+		return vec3<f32>(0.0);
+	}
+	return (c - vec3<f32>(c_min)) * s / (c_max - c_min);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let d = textureSample(baseTex, samp, in.uv);
+	let s = textureSample(overlayTex, samp, in.uv);
+	let sa = s.a;
+	let da = d.a;
+	
+	switch (u.blendMode) {
+		case 16u: { return d * sa; } // mask-in / destination-in
+		case 17u: { return d * (1.0 - sa); } // mask-out / destination-out
+		case 18u: { return s * da; } // source-in
+		case 19u: { return s * (1.0 - da); } // source-out
+		case 20u: { return s * da + d * (1.0 - sa); } // source-atop
+		case 21u: { return d + s * (1.0 - da); } // destination-over
+		case 22u: { return d * sa + s * (1.0 - da); } // destination-atop
+		case 23u: { return s + d; } // lighter
+		case 24u: { return s; } // copy
+		case 25u: { return s * (1.0 - da) + d * (1.0 - sa); } // xor
+		// Luma mattes: the overlay's brightness (premultiplied, so transparent = black) masks the base.
+		case 26u: { return d * clamp(dot(s.rgb, vec3<f32>(0.2126, 0.7152, 0.0722)), 0.0, 1.0); } // luma-in
+		case 27u: { return d * (1.0 - clamp(dot(s.rgb, vec3<f32>(0.2126, 0.7152, 0.0722)), 0.0, 1.0)); } // luma-out
+		default: {
+			if (sa <= 0.0) { return d; }
+			if (da <= 0.0) { return s; }
+		}
+	}
+
+	let s_rgb = select(s.rgb / sa, vec3<f32>(0.0), sa < 0.001);
+	let d_rgb = select(d.rgb / da, vec3<f32>(0.0), da < 0.001);
+
+	var b_rgb = s_rgb;
+
+	switch (u.blendMode) {
+		case 1u: { b_rgb = s_rgb * d_rgb; } // multiply
+		case 2u: { b_rgb = s_rgb + d_rgb - s_rgb * d_rgb; } // screen
+		case 3u: { // overlay
+			b_rgb = select(1.0 - 2.0 * (1.0 - s_rgb) * (1.0 - d_rgb), 2.0 * s_rgb * d_rgb, d_rgb < vec3<f32>(0.5));
+		}
+		case 4u: { b_rgb = min(s_rgb, d_rgb); } // darken
+		case 5u: { b_rgb = max(s_rgb, d_rgb); } // lighten
+		case 6u: { // color-dodge
+			b_rgb = select(min(d_rgb / (1.0 - s_rgb), vec3<f32>(1.0)), vec3<f32>(0.0), s_rgb == vec3<f32>(1.0));
+		}
+		case 7u: { // color-burn
+			b_rgb = select(1.0 - min((1.0 - d_rgb) / s_rgb, vec3<f32>(1.0)), vec3<f32>(1.0), s_rgb == vec3<f32>(0.0));
+		}
+		case 8u: { // hard-light
+			b_rgb = select(1.0 - 2.0 * (1.0 - s_rgb) * (1.0 - d_rgb), 2.0 * s_rgb * d_rgb, s_rgb < vec3<f32>(0.5));
+		}
+		case 9u: { // soft-light
+			b_rgb = select(
+				d_rgb + (2.0 * s_rgb - 1.0) * (sqrt(d_rgb) - d_rgb),
+				d_rgb - (1.0 - 2.0 * s_rgb) * d_rgb * (1.0 - d_rgb),
+				s_rgb <= vec3<f32>(0.5)
+			);
+		}
+		case 10u: { b_rgb = abs(d_rgb - s_rgb); } // difference
+		case 11u: { b_rgb = s_rgb + d_rgb - 2.0 * s_rgb * d_rgb; } // exclusion
+		case 12u: { b_rgb = set_lum(set_sat(s_rgb, sat(d_rgb)), lum(d_rgb)); } // hue
+		case 13u: { b_rgb = set_lum(set_sat(d_rgb, sat(s_rgb)), lum(d_rgb)); } // saturation
+		case 14u: { b_rgb = set_lum(s_rgb, lum(d_rgb)); } // color
+		case 15u: { b_rgb = set_lum(d_rgb, lum(s_rgb)); } // luminosity
+		case 16u: { return d * s.a; } // mask-in
+		case 17u: { return d * (1.0 - s.a); } // mask-out
+		default:  { b_rgb = s_rgb; } // normal
+	}
+
+	let out_a = sa + da * (1.0 - sa);
+	let out_rgb = (1.0 - da) * s.rgb + (1.0 - sa) * d.rgb + sa * da * b_rgb;
+
+	return vec4<f32>(out_rgb, out_a);
+}
+`;var It=`
+struct MotionBlur2DUniforms {
+    vel: vec2<f32>,
+    _pad: vec2<f32>,
+    shutterFraction: f32,
+    samples: f32,
+    viewportWidth: f32,
+    viewportHeight: f32,
+};
+
+@group(0) @binding(0) var<uniform> u: MotionBlur2DUniforms;
+@group(1) @binding(0) var sourceTexture: texture_2d<f32>;
+@group(1) @binding(1) var colorSampler: sampler;
+
+@vertex
+fn vs(@builtin(vertex_index) vertexIndex: u32) -> @builtin(position) vec4<f32> {
+    var pos = array<vec2<f32>, 3>(
+        vec2<f32>(-1.0, -3.0),
+        vec2<f32>( 3.0,  1.0),
+        vec2<f32>(-1.0,  1.0)
+    );
+    return vec4<f32>(pos[vertexIndex], 0.0, 1.0);
+}
+
+@fragment
+fn fs(@builtin(position) pos: vec4<f32>) -> @location(0) vec4<f32> {
+    let uv = pos.xy / vec2<f32>(u.viewportWidth, u.viewportHeight);
+    let sampleCount = u32(max(u.samples, 1.0));
+    let velUV = u.vel * u.shutterFraction;
+    let halfSamples = f32(sampleCount) * 0.5;
+    
+    var accum = vec4<f32>(0.0);
+    var totalWeight = 0.0;
+    
+    for (var i = 0u; i < sampleCount; i = i + 1u) {
+        let t = (f32(i) - halfSamples) / max(halfSamples, 1.0);
+        let sampleUV = clamp(uv + velUV * t, vec2<f32>(0.0), vec2<f32>(1.0));
+        let w = exp(-2.5 * t * t);
+        accum += textureSampleLevel(sourceTexture, colorSampler, sampleUV, 0.0) * w;
+        totalWeight += w;
+    }
+    
+    return accum / max(totalWeight, 0.0001);
+}
+`,ut=class{textures=[];texturesByKey=new Map;index=0;getTexture(t,e,r,i,n){let s=new Set(Array.isArray(n)?n:n?[n]:[]),a=`${e}x${r}:${i}`,o=this.texturesByKey.get(a);if(o)for(let l=0;l<o.length;l++){let h=o[l];if(!s.has(h)){o.splice(l,1),o.unshift(h);let p=this.textures.indexOf(h);return p>=this.index&&(this.textures.splice(p,1),this.textures.splice(this.index,0,h),this.index++),h}}let c=t.createTexture({size:[e,r],format:i,usage:GPUTextureUsage.RENDER_ATTACHMENT|GPUTextureUsage.TEXTURE_BINDING|GPUTextureUsage.COPY_SRC});return this.texturesByKey.has(a)||this.texturesByKey.set(a,[]),this.texturesByKey.get(a).unshift(c),this.textures.splice(this.index,0,c),this.index++,c}reset(){this.index=0}destroy(){for(let t of this.textures)t.destroy();this.textures=[],this.texturesByKey.clear(),this.index=0}},Vt={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},I=class{device;compositeUniformLayout;dualTextureLayout;motionBlurUniformLayout;singleTextureLayout;compositePipeline;motionBlurPipeline;compositePool;motionBlurPool;texturePool;compositeUniformBindGroupCache=new M;motionBlurUniformBindGroupCache=new M;compositeData=new Uint32Array(4);motionBlurData=new Float32Array(8);constructor(t,e){this.device=t,this.compositePool=new G(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.motionBlurPool=new G(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.texturePool=new ut,this.compositeUniformLayout=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.dualTextureLayout=t.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=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,buffer:{type:"uniform"}}]}),this.singleTextureLayout=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});let r=t.createPipelineLayout({bindGroupLayouts:[this.compositeUniformLayout,this.dualTextureLayout]}),i=t.createShaderModule({label:"composite.wgsl",code:Bt});this.compositePipeline=t.createRenderPipeline({label:"CompositePipeline",layout:r,vertex:{module:i,entryPoint:"vs"},fragment:{module:i,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-strip"}});let n=t.createPipelineLayout({bindGroupLayouts:[this.motionBlurUniformLayout,this.singleTextureLayout]}),s=t.createShaderModule({label:"motion-blur-2d.wgsl",code:It});this.motionBlurPipeline=t.createRenderPipeline({label:"MotionBlurPipeline",layout:n,vertex:{module:s,entryPoint:"vs"},fragment:{module:s,entryPoint:"fs",targets:[{format:e}]},primitive:{topology:"triangle-list"}})}resetPools(){this.compositePool.reset(),this.motionBlurPool.reset(),this.texturePool.reset()}getTexture(t,e,r,i,n){return this.texturePool.getTexture(t,e,r,i,n)}getBuffer(t,e){return this.compositePool.getBuffer(t,e)}composite(t,e,r,i,n,s,a,o){let c=r.getSampler(this.device),l=[i,n];o&&(Array.isArray(o)?l.push(...o):l.push(o));let h=this.texturePool.getTexture(this.device,i.width,i.height,a,l);this.compositeData[0]=Vt[s]??0;let p=this.compositePool.getBuffer(this.device,this.compositeData),d=t.beginRenderPass({colorAttachments:[{view:h.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});d.setPipeline(this.compositePipeline);let f=this.compositeUniformBindGroupCache.getBindGroup(this.device,this.compositeUniformLayout,p);d.setBindGroup(0,f);let m=e.getCompositeBindGroup(this.device,this.dualTextureLayout,i,n,c);return d.setBindGroup(1,m),d.draw(4),d.end(),h}applyMotionBlur(t,e,r,i,n,s,a=180,o=16,c,l){if(Math.abs(n)<.1&&Math.abs(s)<.1||a<=0)return i;let h=r.getSampler(this.device),p=[i];l&&(Array.isArray(l)?p.push(...l):p.push(l));let d=this.texturePool.getTexture(this.device,i.width,i.height,c,p);this.motionBlurData[0]=n/i.width,this.motionBlurData[1]=s/i.height,this.motionBlurData[2]=0,this.motionBlurData[3]=0,this.motionBlurData[4]=a/360,this.motionBlurData[5]=o,this.motionBlurData[6]=i.width,this.motionBlurData[7]=i.height;let f=this.motionBlurPool.getBuffer(this.device,this.motionBlurData),m=t.beginRenderPass({colorAttachments:[{view:d.createView(),loadOp:"clear",storeOp:"store",clearValue:{r:0,g:0,b:0,a:0}}]});m.setPipeline(this.motionBlurPipeline);let y=this.motionBlurUniformBindGroupCache.getBindGroup(this.device,this.motionBlurUniformLayout,f);return m.setBindGroup(0,y),m.setBindGroup(1,e.getBindGroup(this.device,this.singleTextureLayout,i,h)),m.draw(3),m.end(),d}destroy(){this.compositePool.destroy(),this.motionBlurPool.destroy(),this.texturePool.destroy(),this.compositeUniformBindGroupCache.destroy(),this.motionBlurUniformBindGroupCache.destroy()}};x();x();var V=class{cache=new WeakMap;dualCache=new WeakMap;getBindGroup(t,e,r,i){let n=this.cache.get(r);n||(n=new Map,this.cache.set(r,n));let s=n.get(e);return s||(s=t.createBindGroup({layout:e,entries:[{binding:0,resource:r.createView()},{binding:1,resource:i}]}),n.set(e,s)),s}getCompositeBindGroup(t,e,r,i,n){let s=this.dualCache.get(r);s||(s=new WeakMap,this.dualCache.set(r,s));let a=s.get(i);a||(a=new Map,s.set(i,a));let o=a.get(e);return o||(o=t.createBindGroup({layout:e,entries:[{binding:0,resource:r.createView()},{binding:1,resource:i.createView()},{binding:2,resource:n}]}),a.set(e,o)),o}destroy(){this.cache=new WeakMap,this.dualCache=new WeakMap}};x();var W=class{scissorStack=[];stencilStack=[];pushScissor(t,e,r){this.scissorStack.push({rect:t,surfaceWidth:e,surfaceHeight:r})}popScissor(){this.scissorStack.length>0&&this.scissorStack.pop()}saveScissors(){return[...this.scissorStack]}restoreScissors(t){this.scissorStack=[...t]}clearScissors(){this.scissorStack=[]}getCurrentScissor(t,e){let r=this.scissorStack[this.scissorStack.length-1];if(r&&!(t!==void 0&&e!==void 0&&r.surfaceWidth!==void 0&&r.surfaceHeight!==void 0&&r.surfaceWidth!==0&&r.surfaceHeight!==0&&(r.surfaceWidth!==t||r.surfaceHeight!==e)))return r.rect}pushStencilClip(t){this.stencilStack.push(t)}popStencilClip(){this.stencilStack.length>0&&this.stencilStack.pop()}getCurrentStencil(){return this.stencilStack[this.stencilStack.length-1]}applyScissorToPass(t,e,r){let i=this.getCurrentScissor(e,r);if(!i){t.setScissorRect(0,0,Math.max(1,Math.floor(e)),Math.max(1,Math.floor(r)));return}let n=Math.max(0,Math.floor(i.x)),s=Math.max(0,Math.floor(i.y)),a=Math.min(e,Math.ceil(i.x+i.width)),o=Math.min(r,Math.ceil(i.y+i.height)),c=Math.max(0,a-n),l=Math.max(0,o-s);if(!Number.isFinite(n)||!Number.isFinite(s)||!Number.isFinite(c)||!Number.isFinite(l)||c<=0||l<=0)t.setScissorRect(0,0,1,1);else{let h=Math.min(c,Math.max(0,e-n)),p=Math.min(l,Math.max(0,r-s));h<=0||p<=0?t.setScissorRect(0,0,1,1):t.setScissorRect(Math.floor(n),Math.floor(s),Math.floor(h),Math.floor(p))}}destroy(){this.scissorStack=[],this.stencilStack=[]}};x();function Dt(u,t,e,r,i=24){let n=[],s=u;for(let a=1;a<=i;a++){let o=a/i,c=1-o,l=c*c,h=l*c,p=o*o,d=p*o,f={x:h*u.x+3*l*o*t.x+3*c*p*e.x+d*r.x,y:h*u.y+3*l*o*t.y+3*c*p*e.y+d*r.y};n.push({p0:s,p1:f}),s=f}return n}function Ct(u,t,e,r=16){let i=[],n=u;for(let s=1;s<=r;s++){let a=s/r,o=1-a,c=o*o,l=a*a,h={x:c*u.x+2*o*a*t.x+l*e.x,y:c*u.y+2*o*a*t.y+l*e.y};i.push({p0:n,p1:h}),n=h}return i}function Wt(u,t,e,r,i,n,s){let a=Math.abs(t),o=Math.abs(e);if(a<1e-9||o<1e-9)return[{p0:u,p1:s}];if(Math.hypot(s.x-u.x,s.y-u.y)<1e-9)return[];let c=r*Math.PI/180,l=Math.cos(c),h=Math.sin(c),p=(u.x-s.x)/2,d=(u.y-s.y)/2,f=l*p+h*d,m=-h*p+l*d,y=f*f/(a*a)+m*m/(o*o);y>1&&(a*=Math.sqrt(y),o*=Math.sqrt(y));let g=a*a*o*o-a*a*m*m-o*o*f*f,P=a*a*m*m+o*o*f*f,v=(i===n?-1:1)*Math.sqrt(Math.max(0,g/P)),b=v*a*m/o,S=-v*o*f/a,U=l*b-h*S+(u.x+s.x)/2,F=h*b+l*S+(u.y+s.y)/2,tt=(k,_,R,L)=>Math.atan2(k*L-_*R,k*R+_*L),et=tt(1,0,(f-b)/a,(m-S)/o),B=tt((f-b)/a,(m-S)/o,(-f-b)/a,(-m-S)/o);!n&&B>0&&(B-=2*Math.PI),n&&B<0&&(B+=2*Math.PI);let rt=Math.max(4,Math.ceil(Math.abs(B)/(2*Math.PI)*64)),ft=[],dt=u;for(let k=1;k<=rt;k++){let _=et+B*k/rt,R=a*Math.cos(_),L=o*Math.sin(_),mt=k===rt?s:{x:l*R-h*L+U,y:h*R+l*L+F};ft.push({p0:dt,p1:mt}),dt=mt}return ft}function z(u){let t=[];if(!u||typeof u!="string")return t;let e=[],r=/([a-df-z])|([-+]?(?:\d*\.\d+|\d+)(?:[eE][-+]?\d+)?)/gi,i;for(;(i=r.exec(u))!==null;)i[1]?e.push(i[1]):i[2]&&e.push(parseFloat(i[2]));let n=0,s={x:0,y:0},a={x:0,y:0},o=null,c=null;for(;n<e.length;){let l=e[n++];if(typeof l!="string")continue;let h=l,p=h===h.toLowerCase(),d=h.toUpperCase(),f=()=>n<e.length&&typeof e[n]=="number"?e[n++]:0;switch(d){case"M":{let m=!0;for(;n<e.length&&typeof e[n]=="number";){let y=f(),g=f();p&&(y+=s.x,g+=s.y),m?(s={x:y,y:g},a={x:y,y:g},m=!1):(t.push({p0:s,p1:{x:y,y:g}}),s={x:y,y:g})}o=null,c=null;break}case"L":{for(;n<e.length&&typeof e[n]=="number";){let m=f(),y=f();p&&(m+=s.x,y+=s.y),t.push({p0:s,p1:{x:m,y}}),s={x:m,y}}o=null,c=null;break}case"H":{for(;n<e.length&&typeof e[n]=="number";){let m=f();p&&(m+=s.x);let y={x:m,y:s.y};t.push({p0:s,p1:y}),s=y}o=null,c=null;break}case"V":{for(;n<e.length&&typeof e[n]=="number";){let m=f();p&&(m+=s.y);let y={x:s.x,y:m};t.push({p0:s,p1:y}),s=y}o=null,c=null;break}case"C":{for(;n<e.length&&typeof e[n]=="number";){let m=f(),y=f(),g=f(),P=f(),v=f(),b=f();p&&(m+=s.x,y+=s.y,g+=s.x,P+=s.y,v+=s.x,b+=s.y);let S={x:m,y},U={x:g,y:P},F={x:v,y:b};t.push(...Dt(s,S,U,F)),s=F,o=U}c=null;break}case"S":{for(;n<e.length&&typeof e[n]=="number";){let m=f(),y=f(),g=f(),P=f();p&&(m+=s.x,y+=s.y,g+=s.x,P+=s.y);let v;o?v={x:2*s.x-o.x,y:2*s.y-o.y}:v={x:s.x,y:s.y};let b={x:m,y},S={x:g,y:P};t.push(...Dt(s,v,b,S)),s=S,o=b}c=null;break}case"Q":{for(;n<e.length&&typeof e[n]=="number";){let m=f(),y=f(),g=f(),P=f();p&&(m+=s.x,y+=s.y,g+=s.x,P+=s.y);let v={x:m,y},b={x:g,y:P};t.push(...Ct(s,v,b)),s=b,c=v}o=null;break}case"T":{for(;n<e.length&&typeof e[n]=="number";){let m=f(),y=f();p&&(m+=s.x,y+=s.y);let g;c?g={x:2*s.x-c.x,y:2*s.y-c.y}:g={x:s.x,y:s.y};let P={x:m,y};t.push(...Ct(s,g,P)),s=P,c=g}o=null;break}case"A":{for(;n<e.length&&typeof e[n]=="number";){let m=f(),y=f(),g=f(),P=f()!==0,v=f()!==0,b=f(),S=f();p&&(b+=s.x,S+=s.y);let U={x:b,y:S};t.push(...Wt(s,m,y,g,P,v,U)),s=U}o=null,c=null;break}case"Z":{Math.hypot(s.x-a.x,s.y-a.y)>1e-5&&t.push({p0:s,p1:a}),s=a,o=null,c=null;break}default:break}}return t}function j(u,t,e,r=0){if(u.length===0)return[];let i=[],n=0;for(let l of u){let h=Math.hypot(l.p1.x-l.p0.x,l.p1.y-l.p0.y);i.push(h),n+=h}if(n<1e-6)return[];let s=Math.abs(r)>1?r%360/360:r,a=(t+s)%1,o=(e+s)%1;a<0&&(a+=1),o<0&&(o+=1);let c=(l,h)=>{if(l>=h)return[];let p=[],d=0;for(let f=0;f<u.length;f++){let m=u[f],y=i[f],g=d,P=d+y;if(d=P,P<=l||g>=h||y<1e-6)continue;let v=Math.max(0,(l-g)/y),b=Math.min(1,(h-g)/y);if(b>v){let S={x:m.p0.x+(m.p1.x-m.p0.x)*v,y:m.p0.y+(m.p1.y-m.p0.y)*v},U={x:m.p0.x+(m.p1.x-m.p0.x)*b,y:m.p0.y+(m.p1.y-m.p0.y)*b};p.push({p0:S,p1:U})}}return p};if(t===0&&e===1&&r===0)return[...u];if(Math.abs(a-o)<1e-5)return[];if(a<=o)return c(a*n,o*n);{let l=c(a*n,n),h=c(0,o*n);return[...l,...h]}}function lt(u,t,e=0){if(u.length===0||t.length===0)return u;let r=0;for(let d of t)r+=d;if(r<1e-5)return u;let i=0,n=[];for(let d of u){let f=Math.hypot(d.p1.x-d.p0.x,d.p1.y-d.p0.y);n.push(f),i+=f}let s=[],a=(e%r+r)%r,o=0,c=!0,l=a;for(;l>t[o];)l-=t[o],o=(o+1)%t.length,c=!c;let h=t[o]-l,p=0;for(;p<i;){let d=Math.min(h,i-p);if(c&&d>1e-4){let f=j(u,p/i,(p+d)/i);s.push(...f)}p+=d,o=(o+1)%t.length,c=!c,h=t[o]}return s}function Tt(u,t,e=0,r=0,i=0,n=0){let s=Math.min(u/2,t/2),a=Math.min(e,s),o=Math.min(r,s),c=Math.min(i,s),l=Math.min(n,s);return a===0&&o===0&&c===0&&l===0?`M 0 0 L ${u} 0 L ${u} ${t} L 0 ${t} Z`:[`M ${a} 0`,`L ${u-o} 0`,o>0?`Q ${u} 0 ${u} ${o}`:`L ${u} 0`,`L ${u} ${t-c}`,c>0?`Q ${u} ${t} ${u-c} ${t}`:`L ${u} ${t}`,`L ${l} ${t}`,l>0?`Q 0 ${t} 0 ${t-l}`:`L 0 ${t}`,`L 0 ${a}`,a>0?`Q 0 0 ${a} 0`:"L 0 0","Z"].join(" ")}function zt(u,t){let e=Math.min(u,t)/2,r=u/2,i=t/2,n=e*.5522847498;return[`M ${r} ${i-e}`,`C ${r+n} ${i-e} ${r+e} ${i-n} ${r+e} ${i}`,`C ${r+e} ${i+n} ${r+n} ${i+e} ${r} ${i+e}`,`C ${r-n} ${i+e} ${r-e} ${i+n} ${r-e} ${i}`,`C ${r-e} ${i-n} ${r-n} ${i-e} ${r} ${i-e}`,"Z"].join(" ")}function jt(u,t){let e=u/2,r=t/2,i=e,n=r,s=e*.5522847498,a=r*.5522847498;return[`M ${i} ${n-r}`,`C ${i+s} ${n-r} ${i+e} ${n-a} ${i+e} ${n}`,`C ${i+e} ${n+a} ${i+s} ${n+r} ${i} ${n+r}`,`C ${i-s} ${n+r} ${i-e} ${n+a} ${i-e} ${n}`,`C ${i-e} ${n-a} ${i-s} ${n-r} ${i} ${n-r}`,"Z"].join(" ")}function Ht(u,t,e=5){let r=Math.max(3,e),i=Math.min(u,t)/2,n=u/2,s=t/2,a=[];for(let o=0;o<r;o++){let c=-Math.PI/2+o*2*Math.PI/r;a.push({x:n+i*Math.cos(c),y:s+i*Math.sin(c)})}return a.map((o,c)=>`${c===0?"M":"L"} ${o.x} ${o.y}`).join(" ")+" Z"}function Nt(u,t,e=5,r=.5){let i=Math.max(3,e),n=Math.min(u,t)/2,s=n*Math.max(.01,Math.min(.99,r)),a=u/2,o=t/2,c=[];for(let l=0;l<i*2;l++){let h=-Math.PI/2+l*Math.PI/i,p=l%2===0?n:s;c.push({x:a+p*Math.cos(h),y:o+p*Math.sin(h)})}return c.map((l,h)=>`${h===0?"M":"L"} ${l.x} ${l.y}`).join(" ")+" Z"}function qt(u,t,e=40,r=40,i=20){let n=Math.min(e,t),s=Math.min(r,u),a=Math.min(i,n),o=t/2;return[`M 0 ${o-a/2}`,`L ${u-s} ${o-a/2}`,`L ${u-s} ${o-n/2}`,`L ${u} ${o}`,`L ${u-s} ${o+n/2}`,`L ${u-s} ${o+a/2}`,`L 0 ${o+a/2}`,"Z"].join(" ")}function ct(u){let{shapeType:t,width:e,height:r}=u;switch(t){case"rect":return Tt(e,r,u.cornerRadius??0,u.cornerRadius??0,u.cornerRadius??0,u.cornerRadius??0);case"circle":return zt(e,r);case"ellipse":return jt(e,r);case"polygon":return Ht(e,r,u.polygonSides??5);case"star":return Nt(e,r,u.starPoints??5,u.starInnerRadiusRatio??.5);case"arrow":return qt(e,r,u.arrowHeadWidth??40,u.arrowHeadLength??40,u.arrowShaftWidth??20);case"path":return u.path??"";default:return""}}function kt(u){if(u.length<3)return[];if(u.length===3)return[u[0],u[1],u[2]];let t=[...u],e=t[t.length-1],r=t[0];if(Math.hypot(e.x-r.x,e.y-r.y)<1e-5&&t.pop(),t.length<3)return[];let i=0;for(let h=0;h<t.length;h++){let p=(h+1)%t.length;i+=t[h].x*t[p].y-t[p].x*t[h].y}i<0&&t.reverse();let n=(h,p,d,f)=>{let m=(d.x-p.x)*(h.y-p.y)-(d.y-p.y)*(h.x-p.x),y=(f.x-d.x)*(h.y-d.y)-(f.y-d.y)*(h.x-d.x),g=(p.x-f.x)*(h.y-f.y)-(p.y-f.y)*(h.x-f.x);return m>=-1e-6&&y>=-1e-6&&g>=-1e-6},s=(h,p,d,f)=>{if((p.x-h.x)*(d.y-h.y)-(p.y-h.y)*(d.x-h.x)<=1e-7)return!1;for(let y of f)if(!(y===h||y===p||y===d)&&n(y,h,p,d))return!1;return!0},a=[],o=[...t],c=0,l=o.length*o.length*2;for(;o.length>3&&c<l;){c++;let h=!1;for(let p=0;p<o.length;p++){let d=o[(p-1+o.length)%o.length],f=o[p],m=o[(p+1)%o.length];if(s(d,f,m,o)){a.push(d,f,m),o.splice(p,1),h=!0;break}}h||(a.push(o[0],o[1],o[2]),o.splice(1,1))}return o.length===3&&a.push(o[0],o[1],o[2]),a}function Ft(u){let{shapeType:t,width:e,height:r}=u;if(t==="rect"){let i=u.cornerRadius??0;if(i<=0)return new Float32Array([0,0,e,0,e,r,0,0,e,r,0,r]);let n=Tt(e,r,i,i,i,i),a=z(n).map(l=>l.p0),o=kt(a),c=new Float32Array(o.length*2);for(let l=0;l<o.length;l++)c[l*2]=o[l].x,c[l*2+1]=o[l].y;return c}if(t==="circle"||t==="ellipse"){let i=e/2,n=r/2,s=t==="circle"?Math.min(e,r)/2:e/2,a=t==="circle"?s:r/2,o=48,c=new Float32Array(o*3*2),l=0;for(let h=0;h<o;h++){let p=h*2*Math.PI/o,d=(h+1)*2*Math.PI/o;c[l++]=i,c[l++]=n,c[l++]=i+s*Math.cos(p),c[l++]=n+a*Math.sin(p),c[l++]=i+s*Math.cos(d),c[l++]=n+a*Math.sin(d)}return c}if(t==="polygon"){let i=Math.max(3,u.polygonSides??5),n=Math.min(e,r)/2,s=e/2,a=r/2,o=new Float32Array(i*3*2),c=0;for(let l=0;l<i;l++){let h=-Math.PI/2+l*2*Math.PI/i,p=-Math.PI/2+(l+1)*2*Math.PI/i;o[c++]=s,o[c++]=a,o[c++]=s+n*Math.cos(h),o[c++]=a+n*Math.sin(h),o[c++]=s+n*Math.cos(p),o[c++]=a+n*Math.sin(p)}return o}if(t==="star"){let i=Math.max(3,u.starPoints??5),n=Math.min(e,r)/2,s=n*Math.max(.01,Math.min(.99,u.starInnerRadiusRatio??.5)),a=e/2,o=r/2,c=i*2,l=new Float32Array(c*3*2),h=0;for(let p=0;p<c;p++){let d=-Math.PI/2+p*Math.PI/i,f=-Math.PI/2+(p+1)*Math.PI/i,m=p%2===0?n:s,y=(p+1)%2===0?n:s;l[h++]=a,l[h++]=o,l[h++]=a+m*Math.cos(d),l[h++]=o+m*Math.sin(d),l[h++]=a+y*Math.cos(f),l[h++]=o+y*Math.sin(f)}return l}if(t==="arrow"){let i=Math.min(u.arrowHeadWidth??40,r),n=Math.min(u.arrowHeadLength??40,e),s=Math.min(u.arrowShaftWidth??20,i),a=r/2,o=0,c=e-n,l=e,h=a-s/2,p=a+s/2,d=a-i/2,f=a+i/2;return new Float32Array([o,h,c,h,c,p,o,h,c,p,o,p,c,d,l,a,c,f])}if(t==="path"&&u.path){let i=z(u.path);if(i.length===0)return new Float32Array(0);let n=i.map(o=>o.p0),s=kt(n),a=new Float32Array(s.length*2);for(let o=0;o<s.length;o++)a[o*2]=s[o].x,a[o*2+1]=s[o].y;return a}return new Float32Array(0)}x();x();var _t=`
+struct Uniforms {
+    transformCol0 : vec4<f32>,
+    transformCol1 : vec4<f32>,
+    transformCol2 : vec4<f32>,
+    params        : vec4<f32>, // x = opacity, y = surfaceWidth, z = surfaceHeight, w = strokeWidth
+    color         : vec4<f32>,
+    style         : vec4<f32>, // x = capType (0 = round, 1 = butt, 2 = square)
+    p0            : vec2<f32>,
+    p1            : vec2<f32>,
+};
+
+@group(0) @binding(0) var<uniform> u : Uniforms;
+
+struct VSOut {
+    @builtin(position) pos : vec4<f32>,
+    @location(0) localPos  : vec2<f32>,
+};
+
+@vertex fn vs(@location(0) xy : vec2<f32>) -> VSOut {
+    let transform = mat3x3<f32>(u.transformCol0.xyz, u.transformCol1.xyz, u.transformCol2.xyz);
+    let p = transform * vec3<f32>(xy, 1.0);
+    
+    let surfaceSize = u.params.yz;
+    let clipX = (p.x / surfaceSize.x) * 2.0 - 1.0;
+    let clipY = 1.0 - (p.y / surfaceSize.y) * 2.0;
+
+    return VSOut(vec4<f32>(clipX, clipY, 0.0, 1.0), xy);
+}
+
+fn sdSegmentWithCap(p: vec2<f32>, a: vec2<f32>, b: vec2<f32>, radius: f32, capType: f32) -> f32 {
+    let ba = b - a;
+    let len = length(ba);
+    if (len < 1e-6) {
+        return length(p - a) - radius;
+    }
+    let dir = ba / len;
+    let normal = vec2<f32>(-dir.y, dir.x);
+    let pa = p - a;
+    
+    let proj = dot(pa, dir);
+    let perp = abs(dot(pa, normal));
+    
+    if (capType > 0.5 && capType < 1.5) {
+        // Butt cap: terminates strictly at endpoints a and b
+        let dx = max(-proj, proj - len);
+        let dy = perp - radius;
+        let outside = length(max(vec2<f32>(dx, dy), vec2<f32>(0.0, 0.0)));
+        let inside = min(max(dx, dy), 0.0);
+        return outside + inside;
+    } else if (capType >= 1.5) {
+        // Square cap: extends past endpoints a and b by radius
+        let dx = max(-proj - radius, proj - (len + radius));
+        let dy = perp - radius;
+        let outside = length(max(vec2<f32>(dx, dy), vec2<f32>(0.0, 0.0)));
+        let inside = min(max(dx, dy), 0.0);
+        return outside + inside;
+    } else {
+        // Round cap (default)
+        let h = clamp(proj / len, 0.0, 1.0);
+        return length(pa - ba * h) - radius;
+    }
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    let radius = u.params.w * 0.5;
+    let d = sdSegmentWithCap(in.localPos, u.p0, u.p1, radius, u.style.x);
+    
+    let fw = max(fwidth(d), 1e-5);
+    let edgeAlpha = clamp(0.5 - d / fw, 0.0, 1.0);
+    let alpha = u.color.a * u.params.x * edgeAlpha;
+    if (alpha <= 0.0) {
+        discard;
+    }
+    
+    return vec4<f32>(u.color.rgb * alpha, alpha);
+}
+`;var H=class{device;pipeline;maxPipeline;uniformLayout;uniformPool;vertexPool;uniformBindGroupCache=new M;scratchData=new Float32Array(28);constructor(t,e){this.device=t,this.uniformPool=new G(4096,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new G(4096,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=t.createShaderModule({label:"path.wgsl",code:_t});this.uniformLayout=C(t),this.pipeline=T(t,{label:"PathPipeline",module:r,uniformLayout:this.uniformLayout,format:e,topology:"triangle-strip"}),this.maxPipeline=T(t,{label:"PathPipeline.max",module:r,uniformLayout:this.uniformLayout,format:e,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(t,e,r,i,n,s,a,o){let c=z(r);if(c.length===0||((o?.trimStart!==void 0||o?.trimEnd!==void 0||o?.trimOffset!==void 0)&&(c=j(c,o.trimStart??0,o.trimEnd??1,o.trimOffset??0)),o?.strokeDashArray&&o.strokeDashArray.length>0&&(c=lt(c,o.strokeDashArray,o.strokeDashOffset??0)),c.length===0))return;let l=D(i),h=o?.opacity??1,p=0;o?.strokeLineCap==="butt"?p=1:o?.strokeLineCap==="square"&&(p=2);for(let d of c)this.drawSegment(t,e,d.p0,d.p1,l,n,p,s,a,h,o)}drawSegments(t,e,r,i,n,s,a,o){let c=r;if((o?.trimStart!==void 0||o?.trimEnd!==void 0||o?.trimOffset!==void 0)&&(c=j(c,o.trimStart??0,o.trimEnd??1,o.trimOffset??0)),o?.strokeDashArray&&o.strokeDashArray.length>0&&(c=lt(c,o.strokeDashArray,o.strokeDashOffset??0)),c.length===0)return;let l=D(i),h=o?.opacity??1,p=0;o?.strokeLineCap==="butt"?p=1:o?.strokeLineCap==="square"&&(p=2);for(let d of c)this.drawSegment(t,e,d.p0,d.p1,l,n,p,s,a,h,o)}drawSegment(t,e,r,i,n,s,a,o,c,l,h){let p=this.scratchData;e.packIntoBuffer(p,l,o,c,h?.transform),p[15]=s,p[16]=n.r,p[17]=n.g,p[18]=n.b,p[19]=n.a,p[20]=a,p[21]=0,p[22]=0,p[23]=0,p[24]=r.x,p[25]=r.y,p[26]=i.x,p[27]=i.y;let d=this.uniformPool.getBuffer(this.device,p),f=i.x-r.x,m=i.y-r.y,y=Math.sqrt(f*f+m*m);if(y<1e-6)return;let g=s*.5+2,P=f/y*g,v=m/y*g,b=-v,S=P,U=new Float32Array([r.x-P-b,r.y-v-S,r.x-P+b,r.y-v+S,i.x+P-b,i.y+v-S,i.x+P+b,i.y+v+S]),F=this.vertexPool.getBuffer(this.device,U),et=h?.blendMode==="max"?this.maxPipeline:this.pipeline;t.setPipeline(et);let B=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,d);t.setBindGroup(0,B),t.setVertexBuffer(0,F),t.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};x();x();var Rt=`
+struct Uniforms {
+	transformCol0 : vec4<f32>,
+	transformCol1 : vec4<f32>,
+	transformCol2 : vec4<f32>,
+	params        : vec4<f32>, // x = opacity, y = surfaceWidth, z = surfaceHeight, w = blurAmount
+};
+
+@group(0) @binding(0) var<uniform> u : Uniforms;
+@group(1) @binding(0) var tex        : texture_2d<f32>;
+@group(1) @binding(1) var samp       : sampler;
+
+struct VSOut {
+	@builtin(position) pos : vec4<f32>,
+	@location(0) uv        : vec2<f32>,
+};
+
+@vertex fn vs(@location(0) xy : vec2<f32>, @location(1) uv : vec2<f32>) -> VSOut {
+	let transform = mat3x3<f32>(u.transformCol0.xyz, u.transformCol1.xyz, u.transformCol2.xyz);
+	let p = transform * vec3<f32>(xy, 1.0);
+	
+	let surfaceSize = u.params.yz;
+	let clipX = (p.x / surfaceSize.x) * 2.0 - 1.0;
+	let clipY = 1.0 - (p.y / surfaceSize.y) * 2.0;
+
+	return VSOut(vec4<f32>(clipX, clipY, 0.0, 1.0), uv);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let opacity = u.params.x;
+	let blurAmount = u.params.w;
+
+	if (blurAmount > 0.01) {
+		let fdx = dpdx(in.uv);
+		let fdy = dpdy(in.uv);
+		let fw = max(max(abs(fdx), abs(fdy)), vec2<f32>(0.000001));
+		let step = fw * blurAmount * 0.3;
+
+		var color = vec4<f32>(0.0);
+		var totalWeight = 0.0;
+		for (var y_offset = -1.0; y_offset <= 1.0; y_offset = y_offset + 1.0) {
+			for (var x_offset = -1.0; x_offset <= 1.0; x_offset = x_offset + 1.0) {
+				let offset = vec2<f32>(x_offset, y_offset) * step;
+				let sampleColor = textureSample(tex, samp, in.uv + offset);
+				color = color + sampleColor;
+				totalWeight = totalWeight + 1.0;
+			}
+		}
+		return (color / totalWeight) * opacity;
+	} else {
+		let color = textureSample(tex, samp, in.uv);
+		return color * opacity;
+	}
+}
+`;var N=class{buffers=[];index=0;size;usage;constructor(t,e){this.size=t,this.usage=e}getBuffer(t,e){if(this.index>=this.buffers.length){let i=t.createBuffer({size:this.size,usage:this.usage});this.buffers.push(i)}let r=this.buffers[this.index++];return t.queue.writeBuffer(r,0,e),r}reset(){this.index=0}destroy(){for(let t of this.buffers)t.destroy();this.buffers=[]}},q=class{device;pipeline;uniformLayout;textureLayout;uniformPool;vertexPool;uniformBindGroupCache=new M;uniformData=new Float32Array(16);vertexData=new Float32Array(16);constructor(t,e){this.device=t,this.uniformPool=new N(64,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new N(64,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=t.createShaderModule({label:"quad.wgsl",code:Rt});this.uniformLayout=C(t),this.textureLayout=t.createBindGroupLayout({entries:[{binding:0,visibility:GPUShaderStage.FRAGMENT,texture:{sampleType:"float"}},{binding:1,visibility:GPUShaderStage.FRAGMENT,sampler:{type:"filtering"}}]});let i=t.createPipelineLayout({bindGroupLayouts:[this.uniformLayout,this.textureLayout]});this.pipeline=t.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:e,blend:Ut}]},primitive:{topology:"triangle-strip"}})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(t,e,r,i,n,s,a,o,c,l){let h=l?.opacity??1;r.packIntoBuffer(this.uniformData,h,o,c,l?.transform);let p=this.uniformPool.getBuffer(this.device,this.uniformData),d=s.x/i.width,f=s.y/i.height,m=(s.x+s.width)/i.width,y=(s.y+s.height)/i.height;this.vertexData[0]=a.x,this.vertexData[1]=a.y,this.vertexData[2]=d,this.vertexData[3]=f,this.vertexData[4]=a.x+a.width,this.vertexData[5]=a.y,this.vertexData[6]=m,this.vertexData[7]=f,this.vertexData[8]=a.x,this.vertexData[9]=a.y+a.height,this.vertexData[10]=d,this.vertexData[11]=y,this.vertexData[12]=a.x+a.width,this.vertexData[13]=a.y+a.height,this.vertexData[14]=m,this.vertexData[15]=y;let g=this.vertexPool.getBuffer(this.device,this.vertexData),P=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,p),v=e.getBindGroup(this.device,this.textureLayout,i,n);t.setPipeline(this.pipeline),t.setBindGroup(0,P),t.setBindGroup(1,v),t.setVertexBuffer(0,g),t.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};x();x();var Q=`
+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)
+    offsets : array<vec4<f32>, 2>,
+    stops   : array<vec4<f32>, 8>, // OKLab + alpha
+};
+
+fn gradientOklabToSrgb(lab: vec3<f32>) -> vec3<f32> {
+    let l = pow(lab.x + 0.3963377774 * lab.y + 0.2158037573 * lab.z, 3.0);
+    let m = pow(lab.x - 0.1055613458 * lab.y - 0.0638541728 * lab.z, 3.0);
+    let s = pow(lab.x - 0.0894841775 * lab.y - 1.291485548 * lab.z, 3.0);
+    let lin = clamp(vec3<f32>(
+        4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s,
+        -1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s,
+        -0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s,
+    ), vec3<f32>(0.0), vec3<f32>(1.0));
+    let lo = lin * 12.92;
+    let hi = 1.055 * pow(lin, vec3<f32>(1.0 / 2.4)) - 0.055;
+    return select(hi, lo, lin <= vec3<f32>(0.0031308));
+}
+
+/// Position along the gradient (0..1, unclamped for linear/radial) at local point p.
+fn gradientT(g: GradientUniforms, p: vec2<f32>) -> f32 {
+    let d = p - g.geom.xy;
+    let kind = g.info.x;
+    if (kind < 1.5) {
+        return dot(d, g.geom.zw) + 0.5;
+    }
+    if (kind < 2.5) {
+        return length(d / max(g.geom.zw, vec2<f32>(1e-4)));
+    }
+    let a = atan2(d.x, -d.y) - g.geom.z;
+    return fract(a / 6.28318530718);
+}
+
+/// Straight sRGB color + alpha of the gradient at local point p.
+fn evalGradient(g: GradientUniforms, p: vec2<f32>) -> vec4<f32> {
+    var offs = g.offsets;
+    var stops = g.stops;
+    let n = i32(g.info.y);
+    let t = gradientT(g, p);
+    var lab = stops[0];
+    if (t > offs[0].x) {
+        lab = stops[n - 1];
+        for (var i = 1; i < 8; i++) {
+            if (i >= n) {
+                break;
+            }
+            let b = offs[i / 4][i % 4];
+            if (t <= b) {
+                let a = offs[(i - 1) / 4][(i - 1) % 4];
+                let f = select(1.0, (t - a) / (b - a), b - a > 1e-5);
+                lab = mix(stops[i - 1], stops[i], clamp(f, 0.0, 1.0));
+                break;
+            }
+        }
+    }
+    return vec4<f32>(gradientOklabToSrgb(lab.xyz), lab.w);
+}
+`;x();var Lt=`
+${Q}
+
+struct Uniforms {
+    transformCol0 : vec4<f32>,
+    transformCol1 : vec4<f32>,
+    transformCol2 : vec4<f32>,
+    params        : vec4<f32>, // x = opacity, y = surfaceWidth, z = surfaceHeight, w = unused
+    color         : vec4<f32>, // solid color (gradient.info.x = 0)
+    gradient      : GradientUniforms,
+};
+
+@group(0) @binding(0) var<uniform> u : Uniforms;
+
+struct VSOut {
+    @builtin(position) pos : vec4<f32>,
+    @location(0) localPos  : vec2<f32>,
+};
+
+@vertex fn vs(@location(0) xy : vec2<f32>) -> VSOut {
+    let transform = mat3x3<f32>(u.transformCol0.xyz, u.transformCol1.xyz, u.transformCol2.xyz);
+    let p = transform * vec3<f32>(xy, 1.0);
+    
+    let surfaceSize = u.params.yz;
+    let clipX = (p.x / surfaceSize.x) * 2.0 - 1.0;
+    let clipY = 1.0 - (p.y / surfaceSize.y) * 2.0;
+
+    return VSOut(vec4<f32>(clipX, clipY, 0.0, 1.0), xy);
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    var outColor = u.color;
+    if (u.gradient.info.x > 0.5) {
+        outColor = evalGradient(u.gradient, in.localPos);
+    }
+    
+    let alpha = outColor.a * u.params.x;
+    if (alpha <= 0.0) {
+        discard;
+    }
+    
+    return vec4<f32>(outColor.rgb * alpha, alpha);
+}
+`;x();var Qt={linear:1,radial:2,conic:3};function Y(u){return typeof u=="string"&&u.includes("gradient(")?yt(u):null}function X(u,t,e,r){if(e.fill(0,r,r+48),!u)return;let i=xt(u.stops),n=Math.max(t.width,.001),s=Math.max(t.height,.001),a=t.x+u.center[0]*n,o=t.y+u.center[1]*s;if(e[r]=Qt[u.type],e[r+1]=i.length,e[r+4]=u.type==="linear"?t.x+n/2:a,e[r+5]=u.type==="linear"?t.y+s/2:o,u.type==="linear"){let c=u.angle*Math.PI/180,l=Math.sin(c),h=-Math.cos(c),p=Math.abs(n*l)+Math.abs(s*h);e[r+6]=l/p,e[r+7]=h/p}else if(u.type==="radial"){let c,l;if(u.radius)[c,l]=u.radius;else{let h=Math.max(a-t.x,t.x+n-a),p=Math.max(o-t.y,t.y+s-o);u.shape==="circle"?c=l=Math.hypot(h,p):(c=h*Math.SQRT2,l=p*Math.SQRT2)}e[r+6]=c,e[r+7]=l}else e[r+6]=u.from*Math.PI/180;i.forEach((c,l)=>{e[r+8+l]=c.offset}),$(i).forEach((c,l)=>{e.set(c,r+16+l*4)})}var K=class{device;pipeline;uniformLayout;uniformPool;vertexPool;uniformData=new Float32Array(68);constructor(t,e){this.device=t,this.uniformPool=new G(2048,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new G(8192,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=t.createShaderModule({label:"shape-fill.wgsl",code:Lt});this.uniformLayout=C(t),this.pipeline=T(t,{label:"ShapeFillPipeline",module:r,uniformLayout:this.uniformLayout,format:e,topology:"triangle-list"})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(t,e,r,i,n,s,a,o){if(r.length<6||i.type==="none")return;let c=o?.opacity??1;e.packIntoBuffer(this.uniformData,c,s,a,o?.transform),this.uniformData[15]=0;let l=Y(i.color);if(l)this.uniformData.fill(0,16,20),X(l,n,this.uniformData,20);else{let d=D(i.color??"#ffffff");this.uniformData[16]=d.r,this.uniformData[17]=d.g,this.uniformData[18]=d.b,this.uniformData[19]=d.a,this.packTwoColorGradient(i,n,d)}let h=this.uniformPool.getBuffer(this.device,this.uniformData),p=this.vertexPool.getBuffer(this.device,r);t.setPipeline(this.pipeline),t.setBindGroup(0,this.device.createBindGroup({layout:this.uniformLayout,entries:[{binding:0,resource:{buffer:h}}]})),t.setVertexBuffer(0,p),t.draw(r.length/2)}packTwoColorGradient(t,e,r){if(this.uniformData.fill(0,20,68),t.type!=="linear"&&t.type!=="radial")return;let n=D(t.color2??t.color??"#ffffff"),s=this.uniformData;if(t.type==="linear"){let o=t.startX??e.x,c=t.startY??e.y,l=t.endX??e.x+e.width,h=t.endY??e.y+e.height,p=l-o,d=h-c,f=Math.max(p*p+d*d,1e-6);s.set([1,2,0,0,(o+l)/2,(c+h)/2,p/f,d/f],20)}else{let o=t.radius??Math.max(e.width,e.height)/2;s.set([2,2,0,0,t.cx??e.x+e.width/2,t.cy??e.y+e.height/2,o,o],20)}s[28]=0,s[29]=1;let a=$([{offset:0,color:[r.r,r.g,r.b,r.a]},{offset:1,color:[n.r,n.g,n.b,n.a]}]);s.set(a[0],36),s.set(a[1],40)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy()}};x();x();var Ot=`
+${Q}
+
+struct Uniforms {
+    transformCol0 : vec4<f32>,
+    transformCol1 : vec4<f32>,
+    transformCol2 : vec4<f32>,
+    params        : vec4<f32>, // x = opacity, y = surfaceWidth, z = surfaceHeight, w = cornerRadius
+    color         : vec4<f32>,
+    rect          : vec4<f32>, // x, y, width, height
+    gradient      : GradientUniforms, // info.x = 0: solid \`color\`
+};
+
+@group(0) @binding(0) var<uniform> u : Uniforms;
+
+struct VSOut {
+    @builtin(position) pos : vec4<f32>,
+    @location(0) localPos  : vec2<f32>,
+};
+
+@vertex fn vs(@location(0) xy : vec2<f32>) -> VSOut {
+    let transform = mat3x3<f32>(u.transformCol0.xyz, u.transformCol1.xyz, u.transformCol2.xyz);
+    let p = transform * vec3<f32>(xy, 1.0);
+    
+    let surfaceSize = u.params.yz;
+    let clipX = (p.x / surfaceSize.x) * 2.0 - 1.0;
+    let clipY = 1.0 - (p.y / surfaceSize.y) * 2.0;
+
+    return VSOut(vec4<f32>(clipX, clipY, 0.0, 1.0), xy);
+}
+
+fn sdRoundedRect(p: vec2<f32>, b: vec2<f32>, r: f32) -> f32 {
+    let q = abs(p) - b + r;
+    return min(max(q.x, q.y), 0.0) + length(max(q, vec2<f32>(0.0))) - r;
+}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+    let center = u.rect.xy + u.rect.zw * 0.5;
+    let halfSize = u.rect.zw * 0.5;
+    let radius = u.params.w;
+    
+    let d = sdRoundedRect(in.localPos - center, halfSize, radius);
+    let edgeAlpha = 1.0 - smoothstep(0.0, 1.0, d);
+    var fill = u.color;
+    if (u.gradient.info.x > 0.5) {
+        fill = evalGradient(u.gradient, in.localPos);
+    }
+    let alpha = fill.a * u.params.x * edgeAlpha;
+    if (alpha <= 0.0) {
+        discard;
+    }
+    
+    return vec4<f32>(fill.rgb * alpha, alpha);
+}
+`;var Z=class{device;pipeline;uniformLayout;uniformPool;vertexPool;uniformBindGroupCache=new M;uniformData=new Float32Array(72);vertexData=new Float32Array(8);constructor(t,e){this.device=t,this.uniformPool=new G(1024,GPUBufferUsage.UNIFORM|GPUBufferUsage.COPY_DST),this.vertexPool=new G(256,GPUBufferUsage.VERTEX|GPUBufferUsage.COPY_DST);let r=t.createShaderModule({label:"solid.wgsl",code:Ot});this.uniformLayout=C(t),this.pipeline=T(t,{label:"SolidPipeline",module:r,uniformLayout:this.uniformLayout,format:e,topology:"triangle-strip"})}resetPools(){this.uniformPool.reset(),this.vertexPool.reset()}draw(t,e,r,i,n,s,a=0,o){let c=Y(i),l=c?{r:0,g:0,b:0,a:1}:D(i),h=o?.opacity??1;e.packIntoBuffer(this.uniformData,h,n,s,o?.transform),this.uniformData[15]=a,this.uniformData[16]=l.r,this.uniformData[17]=l.g,this.uniformData[18]=l.b,this.uniformData[19]=l.a,this.uniformData[20]=r.x,this.uniformData[21]=r.y,this.uniformData[22]=r.width,this.uniformData[23]=r.height,X(c,r,this.uniformData,24);let p=this.uniformPool.getBuffer(this.device,this.uniformData);this.vertexData[0]=r.x,this.vertexData[1]=r.y,this.vertexData[2]=r.x+r.width,this.vertexData[3]=r.y,this.vertexData[4]=r.x,this.vertexData[5]=r.y+r.height,this.vertexData[6]=r.x+r.width,this.vertexData[7]=r.y+r.height;let d=this.vertexPool.getBuffer(this.device,this.vertexData);t.setPipeline(this.pipeline);let f=this.uniformBindGroupCache.getBindGroup(this.device,this.uniformLayout,p);t.setBindGroup(0,f),t.setVertexBuffer(0,d),t.draw(4)}destroy(){this.uniformPool.destroy(),this.vertexPool.destroy(),this.uniformBindGroupCache.destroy()}};x();var J=class{stack=[new DOMMatrix];push(t){let r=this.stack[this.stack.length-1].multiply(t);this.stack.push(r)}pop(){this.stack.length>1&&this.stack.pop()}getCurrent(){return this.stack[this.stack.length-1]}packIntoBuffer(t,e,r,i,n,s){let a=this.getCurrent();n&&(a=a.multiply(n)),t[0]=a.a,t[1]=a.b,t[2]=0,t[3]=0,t[4]=a.c,t[5]=a.d,t[6]=0,t[7]=0,t[8]=a.e,t[9]=a.f,t[10]=1,t[11]=0,t[12]=e,t[13]=r,t[14]=i,t[15]=s??0}destroy(){this.stack=[new DOMMatrix]}};function Yt(u){if(Array.isArray(u)){let r=u[3]??1;return[u[0]*r,u[1]*r,u[2]*r,r]}if("r"in u){let r=u.a??1;return{r:u.r*r,g:u.g*r,b:u.b*r,a:r}}let t=Array.from(u),e=t[3]??1;return[t[0]*e,t[1]*e,t[2]*e,e]}var $t=new WeakMap;function vr(u,t){let e=$t.get(u);return(!e||e.format!==t||e.isDestroyed)&&(e=new pt(u,t),$t.set(u,e)),e.resetPools(),e}var pt=class{device;transformStack=new J;clipStack=new W;quadPipeline;solidPipeline;shapeFillPipeline;pathPipeline;effectPipeline;slugPipeline;bindGroupCache=new V;samplerCache=new Mt;format;isDestroyed=!1;rasterDrawCount=0;surfaceWidth=0;surfaceHeight=0;lastEncoder=null;constructor(t,e){this.device=t,this.format=e,this.quadPipeline=new q(t,e),this.solidPipeline=new Z(t,e),this.shapeFillPipeline=new K(t,e),this.pathPipeline=new H(t,e),this.effectPipeline=new I(t,e),this.slugPipeline=new Gt(t,e)}beginFrame(t,e,r={r:0,g:0,b:0,a:0},i,n,s="clear"){this.surfaceWidth=i,this.surfaceHeight=n,t!==this.lastEncoder&&(this.lastEncoder=t,this.resetPools());let a=t.beginRenderPass({colorAttachments:[{view:e,clearValue:Yt(r),loadOp:s,storeOp:"store"}]});return this.clipStack.applyScissorToPass(a,i,n),a}endFrame(t){}resetPools(){this.quadPipeline.resetPools(),this.solidPipeline.resetPools(),this.shapeFillPipeline.resetPools(),this.pathPipeline.resetPools(),this.effectPipeline&&this.effectPipeline.resetPools(),this.slugPipeline.resetPools(),ot.flushRetired(this.device),ot.prune(this.device)}drawTexture(t,e,r,i){let n=this.samplerCache.getSampler(this.device),s={x:0,y:0,width:e.width,height:e.height};this.rasterDrawCount++,this.quadPipeline.draw(t,this.bindGroupCache,this.transformStack,e,n,s,r,this.surfaceWidth,this.surfaceHeight,i)}drawTextureRegion(t,e,r,i,n){let s=this.samplerCache.getSampler(this.device);this.rasterDrawCount++,this.quadPipeline.draw(t,this.bindGroupCache,this.transformStack,e,s,r,i,this.surfaceWidth,this.surfaceHeight,n)}drawRect(t,e,r,i=0,n){let s=0,a=n;typeof i=="object"&&i!==null?(a=i,s=0):typeof i=="number"&&(s=i),this.rasterDrawCount++,this.solidPipeline.draw(t,this.transformStack,e,r,this.surfaceWidth,this.surfaceHeight,s,a)}drawPath(t,e,r,i,n){this.rasterDrawCount++,this.pathPipeline.drawPath(t,this.transformStack,e,r,i,this.surfaceWidth,this.surfaceHeight,n)}drawShapeFill(t,e,r,i,n){this.rasterDrawCount++,this.shapeFillPipeline.draw(t,this.transformStack,e,r,i,this.surfaceWidth,this.surfaceHeight,n)}drawShape(t,e,r,i,n){let s={x:0,y:0,width:e.width,height:e.height};if(r&&r.type!=="none"){let a=Ft(e);if(a.length>0&&(this.drawShapeFill(t,a,r,s,n),(!i||!i.width||i.width<=0)&&(r.type??"solid")==="solid"&&r.color)){let o=ct(e);o&&this.drawPath(t,o,r.color,1,{...n,strokeLineCap:"round"})}}if(i&&i.width&&i.width>0&&i.color){let a=ct(e);a&&this.drawPath(t,a,i.color,i.width,{...n,strokeLineCap:i.cap,trimStart:i.trimStart,trimEnd:i.trimEnd,trimOffset:i.trimOffset,strokeDashArray:i.dashArray,strokeDashOffset:i.dashOffset})}}drawRRect(t,e,r,i){this.drawRect(t,e.rect,r,e.rx,i)}getTemporaryTexture(t,e,r){return this.effectPipeline.getTexture(this.device,t,e,this.format,r)}getTemporaryBuffer(t){return this.effectPipeline.getBuffer(this.device,t)}composite(t,e,r,i,n){return this.effectPipeline.composite(t,this.bindGroupCache,this.samplerCache,e,r,i,this.format,n)}applyMotionBlur(t,e,r,i,n=180,s=16,a){return this.effectPipeline.applyMotionBlur(t,this.bindGroupCache,this.samplerCache,e,r,i,n,s,this.format,a)}getCurrentTransform(){return this.transformStack.getCurrent()}getTransformStack(){return this.transformStack}getSurfaceWidth(){return this.surfaceWidth}getSurfaceHeight(){return this.surfaceHeight}pushIdentity(){let t=this.transformStack.getCurrent();this.pushTransform(t.inverse())}pushTransform(t){this.transformStack.push(t)}popTransform(){this.transformStack.pop()}pushScissor(t){this.clipStack.pushScissor(t,this.surfaceWidth,this.surfaceHeight)}pushScissorLocal(t){let e=this.transformStack.getCurrent(),r=[e.transformPoint(new DOMPoint(t.x,t.y)),e.transformPoint(new DOMPoint(t.x+t.width,t.y)),e.transformPoint(new DOMPoint(t.x,t.y+t.height)),e.transformPoint(new DOMPoint(t.x+t.width,t.y+t.height))],i=r.map(h=>h.x),n=r.map(h=>h.y),s=Math.min(...i),a=Math.min(...n),o=Math.max(...i)-s,c=Math.max(...n)-a,l=this.clipStack.getCurrentScissor(this.surfaceWidth,this.surfaceHeight);if(l){let h=Math.max(s,l.x),p=Math.max(a,l.y),d=Math.min(s+o,l.x+l.width),f=Math.min(a+c,l.y+l.height);s=h,a=p,o=Math.max(0,d-h),c=Math.max(0,f-p)}this.clipStack.pushScissor({x:s,y:a,width:o,height:c},this.surfaceWidth,this.surfaceHeight)}popScissor(){this.clipStack.popScissor()}suspendScissors(){let t=this.clipStack.saveScissors();return this.clipStack.clearScissors(),t}resumeScissors(t){this.clipStack.restoreScissors(t)}pushStencilClip(t){this.clipStack.pushStencilClip(t)}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}};x();async function At(u,t){if(typeof window<"u"&&typeof FontFace<"u")try{let r=await new FontFace(u,`url(${t})`).load();document.fonts.add(r),await document.fonts.ready}catch(e){console.warn(`[preloadFont] Failed to load font "${u}" from ${t}:`,e)}else await vt(u,t)}x();var Xt=/\p{Extended_Pictographic}/gu,Et=!1;async function Tr(u,t,e=(r,i)=>console.warn(`[framefields] ${i}`,r)){let r=new Set,i=new Map;(function s(a){let o=a.operation;if(o){let c=o.op==="text"||o.kind==="text"||o.op==="caption"||o.kind==="caption"||typeof o.text=="string",l=o.fontFamily||(c?"Inter":"");if(l&&r.add(l),o.op==="text"&&typeof o.text=="string"){let h=o.fontSize??48;for(let p of o.text.match(Xt)??[])i.set(`${p}-${h}`,h)}}for(let c of a.children??[])s(c)})(u);let n=[];for(let s of r){let a=bt(s)??Pt(s);n.push(At(s,a).catch(o=>e(o,`font "${s}" from ${a}`))),t&&n.push(O.preloadSlugFont(t,s,a).catch(o=>e(o,`Slug font "${s}" from ${a}`)))}if(t&&i.size>0){!O.hasEmojiFont()&&!Et&&(Et=!0,console.warn("[framefields] Text uses emoji but no emoji font is registered, so exports draw nothing for them. Register a color emoji font (e.g. Noto Color Emoji) with FontManager.registerEmojiFont(path)."));for(let[s,a]of i){let o=s.slice(0,s.lastIndexOf("-"));n.push(O.preloadEmoji(t,o,a).catch(c=>{O.hasEmojiFont()&&e(c,`emoji "${o}"`)}))}}await Promise.all(n)}export{te as a,I as b,vr as c,pt as d,At as e,Tr as f};

package/dist/preview-engine/chunk-5W4AFQP7.mjs

@@ -0,0 +1,97 @@
+import{a as Y}from"./chunk-XOEEGC4Z.mjs";import{b as $,c as K}from"./chunk-FLPSWDX4.mjs";import{a as c}from"./chunk-NQZKBFC6.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-ENKKLU7B.mjs";import{w as V,z as B}from"./chunk-63SFBHEH.mjs";import{e as n}from"./chunk-BVF64D6H.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,
+	radius         : f32,
+	amount         : f32,
+
+	threshold      : f32,
+	hasRadiusSig   : f32,
+	hasAmountSig   : f32,
+	hasThresholdSig: f32,
+
+	isSecondPass   : f32,
+	_pad0          : f32,
+	_pad1          : f32,
+	_pad2          : f32,
+};
+
+@group(0) @binding(0) var<uniform> u          : UnsharpMaskUniforms;
+@group(1) @binding(0) var tex                 : texture_2d<f32>;
+@group(1) @binding(1) var samp                : sampler;
+@group(1) @binding(2) var origTex             : texture_2d<f32>;
+
+@group(2) @binding(0) var radiusSigTex        : texture_2d<f32>;
+@group(2) @binding(1) var amountSigTex        : texture_2d<f32>;
+@group(2) @binding(2) var thresholdSigTex     : texture_2d<f32>;
+@group(2) @binding(3) var signalSamp          : sampler;
+${H}
+
+@fragment fn fs(in : VSOut) -> @location(0) vec4<f32> {
+	let dimensions = vec2<f32>(textureDimensions(tex));
+	var radius = u.radius;
+	if (u.hasRadiusSig > 0.5) {
+		radius = textureSampleLevel(radiusSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	var amount = u.amount;
+	if (u.hasAmountSig > 0.5) {
+		amount = textureSampleLevel(amountSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+	var threshold = u.threshold;
+	if (u.hasThresholdSig > 0.5) {
+		threshold = textureSampleLevel(thresholdSigTex, signalSamp, vec2<f32>(0.5, 0.5), 0.0).r;
+	}
+
+	let origCol = textureSampleLevel(origTex, samp, in.uv, 0.0);
+	if (radius <= 0.0 || amount <= 0.0) {
+		if (u.isSecondPass > 0.5) {
+			return origCol;
+		}
+		return textureSampleLevel(tex, samp, in.uv, 0.0);
+	}
+
+	let texelSize = 1.0 / dimensions;
+	let spatial_sigma = radius;
+	let stepScale = max(1.0, spatial_sigma / 20.0);
+	let effectiveSigma = spatial_sigma / stepScale;
+	let sampleRadius = min(i32(ceil(3.0 * effectiveSigma)), 64);
+	let direction = vec2<f32>(u.dirX, u.dirY);
+
+	var blurred = vec4<f32>(0.0);
+	var totalWeight = 0.0;
+
+	for (var i = -sampleRadius; i <= sampleRadius; i++) {
+		let offset = vec2<f32>(f32(i) * stepScale) * direction * texelSize;
+		let x = f32(i) * stepScale;
+		let weight = exp(-0.5 * (x / spatial_sigma) * (x / spatial_sigma));
+		blurred += textureSampleLevel(tex, samp, in.uv + offset, 0.0) * weight;
+		totalWeight += weight;
+	}
+
+	let blurResult = blurred / max(totalWeight, 1e-5);
+
+	if (u.isSecondPass <= 0.5) {
+		// Pass 1: Intermediate horizontal blur
+		return blurResult;
+	}
+
+	// Pass 2: Vertical blur complete -> Calculate Precision Unsharp Mask
+	if (origCol.a < 1e-5) {
+		return vec4<f32>(0.0, 0.0, 0.0, 0.0);
+	}
+
+	let delta = origCol.rgb - blurResult.rgb;
+	let lumaDiff = abs(dot(delta, vec3<f32>(0.2126, 0.7152, 0.0722)));
+	let threshNorm = (max(0.0, threshold) / 255.0) * origCol.a;
+
+	var factor = 1.0;
+	if (threshold > 0.0) {
+		let ramp = (2.0 / 255.0) * origCol.a;
+		factor = smoothstep(threshNorm, threshNorm + ramp, lumaDiff);
+	}
+
+	let sharpRgb = origCol.rgb + (amount / 100.0) * delta * factor;
+	let clampedRgb = clamp(sharpRgb, vec3<f32>(0.0), vec3<f32>(origCol.a));
+	return vec4<f32>(clampedRgb, origCol.a);
+}
+`,q=new WeakMap,e=new Float32Array(12);function me(a,r){let s=q.get(a);if(s)return s;let m=M(a,["uniform"]),o=M(a,["texture","sampler","texture"]),g=W(a,3),f=a.createShaderModule({code:ce}),i=a.createPipelineLayout({bindGroupLayouts:[m,o,g]}),t=F(a,{module:f,layouts:i,format:r}),u={uniformLayout:m,textureLayout:o,signalTextureLayout:g,pipeline:t};return q.set(a,u),u}var Q=async a=>{let{ctx:r,encoder:s,pass:m,targetTexture:o,targetWidth:g,targetHeight:f,props:i}=a,t=i.virtualMedia?.operation;if(t?.op!=="UnsharpMask"||!t)return;let u=i.virtualMedia.children?.[0];if(!u)return;m.end();let P=i.frame??0,k=i.fps||30,h=g,S=f,J=t.inputs?Object.keys(t.inputs)[0]:"unsharpmask_node",x=(d,p,le=0,de=1e3)=>V(t.inputs,d,p,le,de),b=x(t.amountHandleId,Number(t.amount??100),0,_),v=x(t.radiusHandleId,Number(t.radius??1.5),.1,L),U=x(t.thresholdHandleId,Number(t.threshold??3),0,G),{texture:l}=await O(a,u),{pipeline:I,uniformLayout:w,textureLayout:Z,signalTextureLayout:ee}=me(r.device,r.renderer.format),A=r.renderer.samplerCache.getSampler(r.device),{elapsedSeconds:re,durationSeconds:te}=z(i,P,k),ae={args:a,width:h,height:S,frame:P,fps:k,elapsedSeconds:re,durationSeconds:te},y=(d,p)=>E(ae,d,`${J}_${p}`),ie=y(v,"radius_sig"),ne=y(b,"amount_sig"),se=y(U,"threshold_sig"),D=(d,p)=>r.device.createBindGroup({layout:Z,entries:[{binding:0,resource:d.createView()},{binding:1,resource:A},{binding:2,resource:p.createView()}]});e[2]=v.val,e[3]=b.val,e[4]=U.val,e[5]=v.hasStaticSig?1:0,e[6]=b.hasStaticSig?1:0,e[7]=U.hasStaticSig?1:0,e[8]=0,e[9]=0,e[10]=0,e[11]=0;let T=r.renderer.getTemporaryTexture(h,S,[l,o,...i.excludeTextures||[]]),N=r.renderer.getTemporaryTexture(h,S,[l,T,o,...i.excludeTextures||[]]),C=r.device.createBindGroup({layout:ee,entries:[{binding:0,resource:ie},{binding:1,resource:ne},{binding:2,resource:se},{binding:3,resource:A}]});e[0]=1,e[1]=0,e[8]=0;let oe=r.renderer.getTemporaryBuffer(e);R(s,T.createView(),I,[r.device.createBindGroup({layout:w,entries:[{binding:0,resource:{buffer:oe}}]}),D(l,l),C]),e[0]=0,e[1]=1,e[8]=1;let ue=r.renderer.getTemporaryBuffer(e);R(s,N.createView(),I,[r.device.createBindGroup({layout:w,entries:[{binding:0,resource:{buffer:ue}}]}),D(T,l),C]),X(a,N,t.opacity??1)};var _e=B({WebGPURenderer:Q});export{_e as a};