@omnimedia/omnitool 1.1.0-74 → 1.1.0-76

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@omnimedia/omnitool",
-	"version": "1.1.0-74",
+	"version": "1.1.0-76",
 	"description": "open source video processing tools",
 	"license": "MIT",
 	"author": "Przemysław Gałęzki",

package/s/demo/routines/timeline-setup.ts

@@ -8,12 +8,23 @@ export async function TimelineSchemaTest(driver: Driver, file: File) {
 	const timeline = omni.timeline(o => {
 	const text = o.text("content", {duration: 1000})
 	const style = o.textStyle({fill: "green", fontSize: 100})
+	const spatial = o.spatial(
+		o.transform({
+			position: [240, 160],
+			scale: [1.4, 1.4],
+			rotation: 0.08,
+		}),
+		[0.15, 0.1, 0.05, 0.2],
+	)
+
+	const video = o.video(videoA, {duration: 3000, start: 1000})
 	o.set<Item.Text>(text.id, {styleId: style.id})
+	o.set<Item.Video>(video.id, {spatialId: spatial.id})
 
 	return o.sequence(
 		o.stack(
 			text,
-			o.video(videoA, {duration: 3000, start: 1000}),
+			video,
 			o.audio(videoA, {duration: 1000})
 		),
 		o.gap(500),

package/s/driver/fns/schematic.ts

@@ -5,6 +5,7 @@ import type {AudioEncodingConfig, StreamTargetChunk, VideoEncodingConfig} from "
 
 import {Mat6} from "../../timeline/utils/matrix.js"
 import {Id} from "../../timeline/index.js"
+import {Crop} from "../../timeline/parts/item.js"
 
 export type DriverSchematic = AsSchematic<{
 
@@ -79,6 +80,7 @@ export type TextLayer = {
 	content: string
 	style?: TextStyleOptions
 	matrix?: Mat6
+	crop?: Crop
 }
 
 export type ImageLayer = {
@@ -86,6 +88,7 @@ export type ImageLayer = {
 	kind: 'image'
 	frame: VideoFrame
 	matrix?: Mat6
+	crop?: Crop
 }
 
 export type TransitionLayer = {

package/s/driver/parts/compositor.ts

@@ -1,14 +1,16 @@
 
 import {pub} from "@e280/stz"
-import {autoDetectRenderer, Container, FederatedPointerEvent, Renderer, Sprite, Text, Texture} from "pixi.js"
+import {autoDetectRenderer, Container, FederatedPointerEvent, Graphics, Renderer, Sprite, Text, Texture} from "pixi.js"
 
 import {Id} from "../../timeline/index.js"
+import {Crop} from "../../timeline/parts/item.js"
 import {Composition, Layer} from "../fns/schematic.js"
 import {Mat6, mat6ToMatrix} from "../../timeline/utils/matrix.js"
 import {makeTransition} from "../../features/transition/transition.js"
 
 export class Compositor {
 	onPointerDown = pub<[{event: FederatedPointerEvent, id: Id, object: Container}]>()
+	onPointerMove = pub<[{event: FederatedPointerEvent, id: Id, object: Container}]>()
 	onPointerUp = pub<[{event: FederatedPointerEvent, id: Id, object: Container}]>()
 	onDispose = pub<[{id: Id, object: Container}]>()
 
@@ -30,6 +32,7 @@ export class Compositor {
 	#transitions: Map<string, ReturnType<typeof makeTransition>> = new Map()
 	// objects rendered for current Composition
 	#activeObjects = new Map<number, {sprite: Container, dispose: () => void}>()
+	#cropMasks = new WeakMap<Container, Graphics>()
 
 	async composite(
 		composition: Composition,
@@ -64,9 +67,8 @@ export class Compositor {
 		parent: Container,
 	) {
 		if (Array.isArray(layer)) {
-			layer.reverse()
 			const disposers: (() => void)[] = []
-			for (const child of layer) {
+			for (const child of [...layer].reverse()) {
 				const result = await this.#renderLayer(child, parent)
 				disposers.push(result.dispose)
 			}
@@ -96,6 +98,7 @@ export class Compositor {
 	) {
 		const sprite = this.#findOrCreate<Text>(layer)!
 		this.#applyTransform(sprite, layer.matrix)
+		this.#applyCrop(sprite, layer.crop)
 		parent.addChild(sprite)
 		return {
 			dispose: () => {}
@@ -115,6 +118,7 @@ export class Compositor {
 		const texture = Texture.from(layer.frame)
 		sprite.texture = texture
 		this.#applyTransform(sprite, layer.matrix)
+		this.#applyCrop(sprite, layer.crop)
 		parent.addChild(sprite)
 
 		return {
@@ -147,6 +151,38 @@ export class Compositor {
   	target.setFromMatrix(mx)
 	}
 
+	#applyCrop(target: Container, crop?: Crop) {
+		const existing = this.#cropMasks.get(target)
+		if (existing) {
+			if (target.mask === existing)
+				target.mask = null
+			existing.removeFromParent()
+			existing.clear()
+		}
+
+		if (!crop || crop.every(value => value === 0))
+			return
+
+		const [top, right, bottom, left] = crop
+		const activeMask = target.mask
+		target.mask = null
+		const bounds = target.getLocalBounds()
+		target.mask = activeMask
+		const x = bounds.x + bounds.width * left
+		const y = bounds.y + bounds.height * top
+		const width = bounds.width * Math.max(0, 1 - left - right)
+		const height = bounds.height * Math.max(0, 1 - top - bottom)
+
+		const mask = existing ?? new Graphics()
+		mask.clear()
+		mask.beginFill(0xffffff)
+		mask.drawRect(x, y, width, height)
+		mask.endFill()
+		target.addChild(mask)
+		target.mask = mask
+		this.#cropMasks.set(target, mask)
+	}
+
 	#findOrCreate<T = Container>(layer: Layer) {
 		const object = this.#activeObjects.get(layer.id)
 		if(!object) {
@@ -159,15 +195,18 @@ export class Compositor {
 					text.eventMode = "static"
 					const down = (event: FederatedPointerEvent) => this.onPointerDown.publish({event, id: layer.id, object: text})
 					const up = (event: FederatedPointerEvent) => this.onPointerUp.publish({event, id: layer.id, object: text})
+					const move = (event: FederatedPointerEvent) => this.onPointerUp.publish({event, id: layer.id, object: text})
 
 					text.on("pointerdown", down)
 					text.on("pointerup", up)
+					text.on("pointermove", move)
 
 					return this.#activeObjects
 						.set(layer.id, {
 							sprite: text,
 							dispose: () => {
 								this.onDispose.publish({id: layer.id, object: text})
+								text.off("pointermove", move)
 								text.off("pointerdown", down)
 								text.off("pointerup", up)
 							}
@@ -179,8 +218,10 @@ export class Compositor {
 					sprite.eventMode = "static"
 					const down = (event: FederatedPointerEvent) => this.onPointerDown.publish({event, id: layer.id, object: sprite})
 					const up = (event: FederatedPointerEvent) => this.onPointerUp.publish({event, id: layer.id, object: sprite})
+					const move = (event: FederatedPointerEvent) => this.onPointerUp.publish({event, id: layer.id, object: sprite})
 
 					sprite.on("pointerdown", down)
+					sprite.on("pointermove", move)
 					sprite.on("pointerup", up)
 
 					return this.#activeObjects
@@ -189,6 +230,7 @@ export class Compositor {
 							dispose: () => {
 								this.onDispose.publish({id: layer.id, object: sprite})
 								sprite.off("pointerdown", down)
+								sprite.off("pointermove", move)
 								sprite.off("pointerup", up)
 							}
 						})
@@ -222,4 +264,3 @@ export class Compositor {
 		}
 	}
 }
-

package/s/timeline/parts/item.ts

@@ -5,6 +5,8 @@ import {Id, Hash} from "./basics.js"
 import {Transform} from "../types.js"
 import {Ms} from "../../units/ms.js"
 
+export type Crop = [top: number, right: number, bottom: number, left: number]
+
 export enum Kind {
 	Sequence,
 	Stack,
@@ -32,6 +34,7 @@ export namespace Item {
 		id: Id
 		kind: Kind.Spatial
 		transform: Transform
+		crop?: Crop
 		enabled: boolean
 	}
 

package/s/timeline/renderers/parts/samplers/visual/parts/sample.ts

@@ -13,6 +13,9 @@ export async function sampleVisual(
 	ancestors: ContainerItem[]
 ): Promise<Layer[]> {
 	const matrix = computeWorldMatrix(ctx.items, ancestors, item)
+	const crop = "spatialId" in item && item.spatialId
+		? (ctx.items.get(item.spatialId) as Item.Spatial | undefined)?.crop
+		: undefined
 
 	switch (item.kind) {
 		case Kind.Stack: {
@@ -35,7 +38,7 @@ export async function sampleVisual(
 			if (time < 0 || time >= item.duration) return []
 
 			const frame = await ctx.videoSampler(item, time)
-			return frame ? [{kind: "image", frame, matrix, id: item.id}] : []
+			return frame ? [{kind: "image", frame, matrix, crop, id: item.id}] : []
 		}
 
 		case Kind.Text: {
@@ -45,7 +48,7 @@ export async function sampleVisual(
 				? (ctx.items.get(item.styleId) as Item.TextStyle)?.style
 				: undefined
 
-			return [{id: item.id, kind: "text", content: item.content, style, matrix}]
+			return [{id: item.id, kind: "text", content: item.content, style, matrix, crop}]
 		}
 
 		case Kind.Gap: {

package/s/timeline/sugar/helpers.ts

@@ -2,9 +2,9 @@
 import {TextStyleOptions} from "pixi.js"
 
 import {O} from "./o.js"
-import {Item} from "../parts/item.js"
 import {Transform} from "../types.js"
 import {Media} from "../parts/media.js"
+import {Crop, Item} from "../parts/item.js"
 import {TimelineFile} from "../parts/basics.js"
 
 type Build<T extends Item.Any = Item.Any> = (o: O) => T
@@ -69,8 +69,8 @@ export function gap(duration: number): Build<Item.Gap> {
 	return o => o.gap(duration)
 }
 
-export function spatial(transform: Transform): Build<Item.Spatial> {
-	return o => o.spatial(transform)
+export function spatial(transform?: Transform, crop?: Crop): Build<Item.Spatial> {
+	return o => o.spatial(transform, crop)
 }
 
 export function textStyle(style: TextStyleOptions): Build<Item.TextStyle> {

package/s/timeline/sugar/o.ts

@@ -3,7 +3,7 @@ import {TextStyleOptions} from "pixi.js"
 
 import {Media} from "../parts/media.js"
 import {Id, TimelineFile} from "../parts/basics.js"
-import {Effect, Item, Kind} from "../parts/item.js"
+import {Crop, Effect, Item, Kind} from "../parts/item.js"
 import {Transform, TransformOptions, Vec2} from "../types.js"
 
 export class O {
@@ -45,11 +45,12 @@ export class O {
 		return item
   }
 
-  spatial = (transform: Transform): Item.Spatial => {
+  spatial = (transform?: Transform, crop?: Crop): Item.Spatial => {
   	const item: Item.Spatial = {
   		id: this.getId(),
   		kind: Kind.Spatial,
-  		transform,
+  		transform: transform ?? this.transform(),
+  		crop,
   		enabled: true
   	}
 		this.register(item)

package/x/{browserAll-6TVTCHHE.js → browserAll-LRGVU2GN.js}

@@ -1,2 +1,2 @@
-import{a as i,b as o,c as m,d as p,e}from"./chunk-OTQK6FAJ.js";import"./chunk-63NSCXPX.js";import"./chunk-W33LM336.js";import"./chunk-A45M2HJC.js";import{O as t,e as r}from"./chunk-WFT3KTZG.js";r.add(i);r.mixin(t,o);r.add(m);r.mixin(t,p);r.add(e);
-//# sourceMappingURL=browserAll-6TVTCHHE.js.map
+import{a as i,b as o,c as m,d as p,e}from"./chunk-OTQK6FAJ.js";import"./chunk-D5CIWPNS.js";import"./chunk-MWCIWPRL.js";import"./chunk-A45M2HJC.js";import{O as t,e as r}from"./chunk-WFT3KTZG.js";r.add(i);r.mixin(t,o);r.add(m);r.mixin(t,p);r.add(e);
+//# sourceMappingURL=browserAll-LRGVU2GN.js.map

package/x/{demo/chunk-YJQWVIHX.js → chunk-D5CIWPNS.js}

@@ -1,2 +1,2 @@
-import{a as i,b as r,d as o,e,f as m,g as s,h as p,i as d,m as n,n as a,o as f,p as c,q as x,r as P,s as u,t as l}from"./chunk-5ZZYIILO.js";import{d as t}from"./chunk-PYG4RZZ2.js";t.add(i);t.add(r);t.add(e);t.add(o);t.add(m);t.add(s);t.add(p);t.add(n);t.add(d);t.add(a);t.add(c);t.add(f);t.add(x);t.add(P);t.add(l);t.add(u);
-//# sourceMappingURL=chunk-YJQWVIHX.js.map
+import{a as i,b as r,d as o,e,f as m,g as s,h as p,i as d,m as n,o as a,p as f,q as c,r as x,s as P,t as u,u as l}from"./chunk-MWCIWPRL.js";import{e as t}from"./chunk-WFT3KTZG.js";t.add(i);t.add(r);t.add(e);t.add(o);t.add(m);t.add(s);t.add(p);t.add(n);t.add(d);t.add(a);t.add(c);t.add(f);t.add(x);t.add(P);t.add(l);t.add(u);
+//# sourceMappingURL=chunk-D5CIWPNS.js.map

package/x/{chunk-W33LM336.js → chunk-MWCIWPRL.js}

@@ -378,7 +378,7 @@ fn mainFragment(
 ) -> @location(0) vec4<f32> {
     return textureSample(uTexture, uSampler, uv);
 }
-`;var Ze=class extends Es{constructor(){let t=pe.from({vertex:{source:ns,entryPoint:"mainVertex"},fragment:{source:ns,entryPoint:"mainFragment"},name:"passthrough-filter"}),e=fe.from({vertex:Pn,fragment:vn,name:"passthrough-filter"});super({gpuProgram:t,glProgram:e})}};var Cn=new G;function Mn(n,t){t.clear();let e=t.matrix;for(let r=0;r<n.length;r++){let s=n[r];if(s.globalDisplayStatus<7)continue;let i=s.renderGroup??s.parentRenderGroup;i?.isCachedAsTexture?t.matrix=Cn.copyFrom(i.textureOffsetInverseTransform).append(s.worldTransform):i?._parentCacheAsTextureRenderGroup?t.matrix=Cn.copyFrom(i._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(s.groupTransform):t.matrix=s.worldTransform,t.addBounds(s.bounds)}return t.matrix=e,t}var Bo=new Gt({attributes:{aPosition:{buffer:new Float32Array([0,0,1,0,1,1,0,1]),format:"float32x2",stride:8,offset:0}},indexBuffer:new Uint32Array([0,1,2,0,2,3])}),os=class{constructor(){this.skip=!1,this.inputTexture=null,this.backTexture=null,this.filters=null,this.bounds=new st,this.container=null,this.blendRequired=!1,this.outputRenderSurface=null,this.globalFrame={x:0,y:0,width:0,height:0},this.firstEnabledIndex=-1,this.lastEnabledIndex=-1}},as=class{constructor(t){this._filterStackIndex=0,this._filterStack=[],this._filterGlobalUniforms=new J({uInputSize:{value:new Float32Array(4),type:"vec4<f32>"},uInputPixel:{value:new Float32Array(4),type:"vec4<f32>"},uInputClamp:{value:new Float32Array(4),type:"vec4<f32>"},uOutputFrame:{value:new Float32Array(4),type:"vec4<f32>"},uGlobalFrame:{value:new Float32Array(4),type:"vec4<f32>"},uOutputTexture:{value:new Float32Array(4),type:"vec4<f32>"}}),this._globalFilterBindGroup=new de({}),this.renderer=t}get activeBackTexture(){return this._activeFilterData?.backTexture}push(t){let e=this.renderer,r=t.filterEffect.filters,s=this._pushFilterData();s.skip=!1,s.filters=r,s.container=t.container,s.outputRenderSurface=e.renderTarget.renderSurface;let i=e.renderTarget.renderTarget.colorTexture.source,o=i.resolution,a=i.antialias;if(r.every(d=>!d.enabled)){s.skip=!0;return}let l=s.bounds;if(this._calculateFilterArea(t,l),this._calculateFilterBounds(s,e.renderTarget.rootViewPort,a,o,1),s.skip)return;let h=this._getPreviousFilterData(),c=this._findFilterResolution(o),u=0,f=0;h&&(u=h.bounds.minX,f=h.bounds.minY),this._calculateGlobalFrame(s,u,f,c,i.width,i.height),this._setupFilterTextures(s,l,e,h)}generateFilteredTexture({texture:t,filters:e}){let r=this._pushFilterData();this._activeFilterData=r,r.skip=!1,r.filters=e;let s=t.source,i=s.resolution,o=s.antialias;if(e.every(d=>!d.enabled))return r.skip=!0,t;let a=r.bounds;if(a.addRect(t.frame),this._calculateFilterBounds(r,a.rectangle,o,i,0),r.skip)return t;let l=i;this._calculateGlobalFrame(r,0,0,l,s.width,s.height),r.outputRenderSurface=q.getOptimalTexture(a.width,a.height,r.resolution,r.antialias),r.backTexture=E.EMPTY,r.inputTexture=t,this.renderer.renderTarget.finishRenderPass(),this._applyFiltersToTexture(r,!0);let f=r.outputRenderSurface;return f.source.alphaMode="premultiplied-alpha",f}pop(){let t=this.renderer,e=this._popFilterData();e.skip||(t.globalUniforms.pop(),t.renderTarget.finishRenderPass(),this._activeFilterData=e,this._applyFiltersToTexture(e,!1),e.blendRequired&&q.returnTexture(e.backTexture),q.returnTexture(e.inputTexture))}getBackTexture(t,e,r){let s=t.colorTexture.source._resolution,i=q.getOptimalTexture(e.width,e.height,s,!1),o=e.minX,a=e.minY;r&&(o-=r.minX,a-=r.minY),o=Math.floor(o*s),a=Math.floor(a*s);let l=Math.ceil(e.width*s),h=Math.ceil(e.height*s);return this.renderer.renderTarget.copyToTexture(t,i,{x:o,y:a},{width:l,height:h},{x:0,y:0}),i}applyFilter(t,e,r,s){let i=this.renderer,o=this._activeFilterData,l=o.outputRenderSurface===r,h=i.renderTarget.rootRenderTarget.colorTexture.source._resolution,c=this._findFilterResolution(h),u=0,f=0;if(l){let p=this._findPreviousFilterOffset();u=p.x,f=p.y}this._updateFilterUniforms(e,r,o,u,f,c,l,s);let d=t.enabled?t:this._getPassthroughFilter();this._setupBindGroupsAndRender(d,e,i)}calculateSpriteMatrix(t,e){let r=this._activeFilterData,s=t.set(r.inputTexture._source.width,0,0,r.inputTexture._source.height,r.bounds.minX,r.bounds.minY),i=e.worldTransform.copyTo(G.shared),o=e.renderGroup||e.parentRenderGroup;return o&&o.cacheToLocalTransform&&i.prepend(o.cacheToLocalTransform),i.invert(),s.prepend(i),s.scale(1/e.texture.orig.width,1/e.texture.orig.height),s.translate(e.anchor.x,e.anchor.y),s}destroy(){this._passthroughFilter?.destroy(!0),this._passthroughFilter=null}_getPassthroughFilter(){return this._passthroughFilter??(this._passthroughFilter=new Ze),this._passthroughFilter}_setupBindGroupsAndRender(t,e,r){if(r.renderPipes.uniformBatch){let s=r.renderPipes.uniformBatch.getUboResource(this._filterGlobalUniforms);this._globalFilterBindGroup.setResource(s,0)}else this._globalFilterBindGroup.setResource(this._filterGlobalUniforms,0);this._globalFilterBindGroup.setResource(e.source,1),this._globalFilterBindGroup.setResource(e.source.style,2),t.groups[0]=this._globalFilterBindGroup,r.encoder.draw({geometry:Bo,shader:t,state:t._state,topology:"triangle-list"}),r.type===It.WEBGL&&r.renderTarget.finishRenderPass()}_setupFilterTextures(t,e,r,s){if(t.backTexture=E.EMPTY,t.inputTexture=q.getOptimalTexture(e.width,e.height,t.resolution,t.antialias),t.blendRequired){r.renderTarget.finishRenderPass();let i=r.renderTarget.getRenderTarget(t.outputRenderSurface);t.backTexture=this.getBackTexture(i,e,s?.bounds)}r.renderTarget.bind(t.inputTexture,!0),r.globalUniforms.push({offset:e})}_calculateGlobalFrame(t,e,r,s,i,o){let a=t.globalFrame;a.x=e*s,a.y=r*s,a.width=i*s,a.height=o*s}_updateFilterUniforms(t,e,r,s,i,o,a,l){let h=this._filterGlobalUniforms.uniforms,c=h.uOutputFrame,u=h.uInputSize,f=h.uInputPixel,d=h.uInputClamp,p=h.uGlobalFrame,m=h.uOutputTexture;a?(c[0]=r.bounds.minX-s,c[1]=r.bounds.minY-i):(c[0]=0,c[1]=0),c[2]=t.frame.width,c[3]=t.frame.height,u[0]=t.source.width,u[1]=t.source.height,u[2]=1/u[0],u[3]=1/u[1],f[0]=t.source.pixelWidth,f[1]=t.source.pixelHeight,f[2]=1/f[0],f[3]=1/f[1],d[0]=.5*f[2],d[1]=.5*f[3],d[2]=t.frame.width*u[2]-.5*f[2],d[3]=t.frame.height*u[3]-.5*f[3];let x=this.renderer.renderTarget.rootRenderTarget.colorTexture;p[0]=s*o,p[1]=i*o,p[2]=x.source.width*o,p[3]=x.source.height*o,e instanceof E&&(e.source.resource=null);let g=this.renderer.renderTarget.getRenderTarget(e);this.renderer.renderTarget.bind(e,!!l),e instanceof E?(m[0]=e.frame.width,m[1]=e.frame.height):(m[0]=g.width,m[1]=g.height),m[2]=g.isRoot?-1:1,this._filterGlobalUniforms.update()}_findFilterResolution(t){let e=this._filterStackIndex-1;for(;e>0&&this._filterStack[e].skip;)--e;return e>0&&this._filterStack[e].inputTexture?this._filterStack[e].inputTexture.source._resolution:t}_findPreviousFilterOffset(){let t=0,e=0,r=this._filterStackIndex;for(;r>0;){r--;let s=this._filterStack[r];if(!s.skip){t=s.bounds.minX,e=s.bounds.minY;break}}return{x:t,y:e}}_calculateFilterArea(t,e){if(t.renderables?Mn(t.renderables,e):t.filterEffect.filterArea?(e.clear(),e.addRect(t.filterEffect.filterArea),e.applyMatrix(t.container.worldTransform)):t.container.getFastGlobalBounds(!0,e),t.container){let s=(t.container.renderGroup||t.container.parentRenderGroup).cacheToLocalTransform;s&&e.applyMatrix(s)}}_applyFiltersToTexture(t,e){let r=t.inputTexture,s=t.bounds,i=t.filters,o=t.firstEnabledIndex,a=t.lastEnabledIndex;if(this._globalFilterBindGroup.setResource(r.source.style,2),this._globalFilterBindGroup.setResource(t.backTexture.source,3),o===a)i[o].apply(this,r,t.outputRenderSurface,e);else{let l=t.inputTexture,h=q.getOptimalTexture(s.width,s.height,l.source._resolution,!1),c=h;for(let u=o;u<a;u++){let f=i[u];if(!f.enabled)continue;f.apply(this,l,c,!0);let d=l;l=c,c=d}i[a].apply(this,l,t.outputRenderSurface,e),q.returnTexture(h)}}_calculateFilterBounds(t,e,r,s,i){let o=this.renderer,a=t.bounds,l=t.filters,h=1/0,c=0,u=!0,f=!1,d=!1,p=!0,m=-1,x=-1;for(let g=0;g<l.length;g++){let _=l[g];if(!_.enabled)continue;if(m===-1&&(m=g),x=g,h=Math.min(h,_.resolution==="inherit"?s:_.resolution),c+=_.padding,_.antialias==="off"?u=!1:_.antialias==="inherit"&&u&&(u=r),_.clipToViewport||(p=!1),!!!(_.compatibleRenderers&o.type)){d=!1;break}if(_.blendRequired&&!(o.backBuffer?.useBackBuffer??!0)){L("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."),d=!1;break}d=!0,f||(f=_.blendRequired)}if(!d){t.skip=!0;return}if(p&&a.fitBounds(0,e.width/s,0,e.height/s),a.scale(h).ceil().scale(1/h).pad((c|0)*i),!a.isPositive){t.skip=!0;return}t.antialias=u,t.resolution=h,t.blendRequired=f,t.firstEnabledIndex=m,t.lastEnabledIndex=x}_popFilterData(){return this._filterStackIndex--,this._filterStack[this._filterStackIndex]}_getPreviousFilterData(){let t,e=this._filterStackIndex-1;for(;e>0&&(e--,t=this._filterStack[e],!!t.skip););return t}_pushFilterData(){let t=this._filterStack[this._filterStackIndex];return t||(t=this._filterStack[this._filterStackIndex]=new os),this._filterStackIndex++,t}};as.extension={type:[w.WebGLSystem,w.WebGPUSystem],name:"filter"};export{ur as a,dr as b,ot as c,ve as d,Sr as e,Tr as f,vr as g,Cr as h,Mr as i,dt as j,Y as k,Oe as l,Or as m,Yr as n,Xr as o,Qr as p,es as q,ss as r,is as s,as as t};
+`;var Ze=class extends Es{constructor(){let t=pe.from({vertex:{source:ns,entryPoint:"mainVertex"},fragment:{source:ns,entryPoint:"mainFragment"},name:"passthrough-filter"}),e=fe.from({vertex:Pn,fragment:vn,name:"passthrough-filter"});super({gpuProgram:t,glProgram:e})}};var Cn=new G;function Mn(n,t){t.clear();let e=t.matrix;for(let r=0;r<n.length;r++){let s=n[r];if(s.globalDisplayStatus<7)continue;let i=s.renderGroup??s.parentRenderGroup;i?.isCachedAsTexture?t.matrix=Cn.copyFrom(i.textureOffsetInverseTransform).append(s.worldTransform):i?._parentCacheAsTextureRenderGroup?t.matrix=Cn.copyFrom(i._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(s.groupTransform):t.matrix=s.worldTransform,t.addBounds(s.bounds)}return t.matrix=e,t}var Bo=new Gt({attributes:{aPosition:{buffer:new Float32Array([0,0,1,0,1,1,0,1]),format:"float32x2",stride:8,offset:0}},indexBuffer:new Uint32Array([0,1,2,0,2,3])}),os=class{constructor(){this.skip=!1,this.inputTexture=null,this.backTexture=null,this.filters=null,this.bounds=new st,this.container=null,this.blendRequired=!1,this.outputRenderSurface=null,this.globalFrame={x:0,y:0,width:0,height:0},this.firstEnabledIndex=-1,this.lastEnabledIndex=-1}},as=class{constructor(t){this._filterStackIndex=0,this._filterStack=[],this._filterGlobalUniforms=new J({uInputSize:{value:new Float32Array(4),type:"vec4<f32>"},uInputPixel:{value:new Float32Array(4),type:"vec4<f32>"},uInputClamp:{value:new Float32Array(4),type:"vec4<f32>"},uOutputFrame:{value:new Float32Array(4),type:"vec4<f32>"},uGlobalFrame:{value:new Float32Array(4),type:"vec4<f32>"},uOutputTexture:{value:new Float32Array(4),type:"vec4<f32>"}}),this._globalFilterBindGroup=new de({}),this.renderer=t}get activeBackTexture(){return this._activeFilterData?.backTexture}push(t){let e=this.renderer,r=t.filterEffect.filters,s=this._pushFilterData();s.skip=!1,s.filters=r,s.container=t.container,s.outputRenderSurface=e.renderTarget.renderSurface;let i=e.renderTarget.renderTarget.colorTexture.source,o=i.resolution,a=i.antialias;if(r.every(d=>!d.enabled)){s.skip=!0;return}let l=s.bounds;if(this._calculateFilterArea(t,l),this._calculateFilterBounds(s,e.renderTarget.rootViewPort,a,o,1),s.skip)return;let h=this._getPreviousFilterData(),c=this._findFilterResolution(o),u=0,f=0;h&&(u=h.bounds.minX,f=h.bounds.minY),this._calculateGlobalFrame(s,u,f,c,i.width,i.height),this._setupFilterTextures(s,l,e,h)}generateFilteredTexture({texture:t,filters:e}){let r=this._pushFilterData();this._activeFilterData=r,r.skip=!1,r.filters=e;let s=t.source,i=s.resolution,o=s.antialias;if(e.every(d=>!d.enabled))return r.skip=!0,t;let a=r.bounds;if(a.addRect(t.frame),this._calculateFilterBounds(r,a.rectangle,o,i,0),r.skip)return t;let l=i;this._calculateGlobalFrame(r,0,0,l,s.width,s.height),r.outputRenderSurface=q.getOptimalTexture(a.width,a.height,r.resolution,r.antialias),r.backTexture=E.EMPTY,r.inputTexture=t,this.renderer.renderTarget.finishRenderPass(),this._applyFiltersToTexture(r,!0);let f=r.outputRenderSurface;return f.source.alphaMode="premultiplied-alpha",f}pop(){let t=this.renderer,e=this._popFilterData();e.skip||(t.globalUniforms.pop(),t.renderTarget.finishRenderPass(),this._activeFilterData=e,this._applyFiltersToTexture(e,!1),e.blendRequired&&q.returnTexture(e.backTexture),q.returnTexture(e.inputTexture))}getBackTexture(t,e,r){let s=t.colorTexture.source._resolution,i=q.getOptimalTexture(e.width,e.height,s,!1),o=e.minX,a=e.minY;r&&(o-=r.minX,a-=r.minY),o=Math.floor(o*s),a=Math.floor(a*s);let l=Math.ceil(e.width*s),h=Math.ceil(e.height*s);return this.renderer.renderTarget.copyToTexture(t,i,{x:o,y:a},{width:l,height:h},{x:0,y:0}),i}applyFilter(t,e,r,s){let i=this.renderer,o=this._activeFilterData,l=o.outputRenderSurface===r,h=i.renderTarget.rootRenderTarget.colorTexture.source._resolution,c=this._findFilterResolution(h),u=0,f=0;if(l){let p=this._findPreviousFilterOffset();u=p.x,f=p.y}this._updateFilterUniforms(e,r,o,u,f,c,l,s);let d=t.enabled?t:this._getPassthroughFilter();this._setupBindGroupsAndRender(d,e,i)}calculateSpriteMatrix(t,e){let r=this._activeFilterData,s=t.set(r.inputTexture._source.width,0,0,r.inputTexture._source.height,r.bounds.minX,r.bounds.minY),i=e.worldTransform.copyTo(G.shared),o=e.renderGroup||e.parentRenderGroup;return o&&o.cacheToLocalTransform&&i.prepend(o.cacheToLocalTransform),i.invert(),s.prepend(i),s.scale(1/e.texture.orig.width,1/e.texture.orig.height),s.translate(e.anchor.x,e.anchor.y),s}destroy(){this._passthroughFilter?.destroy(!0),this._passthroughFilter=null}_getPassthroughFilter(){return this._passthroughFilter??(this._passthroughFilter=new Ze),this._passthroughFilter}_setupBindGroupsAndRender(t,e,r){if(r.renderPipes.uniformBatch){let s=r.renderPipes.uniformBatch.getUboResource(this._filterGlobalUniforms);this._globalFilterBindGroup.setResource(s,0)}else this._globalFilterBindGroup.setResource(this._filterGlobalUniforms,0);this._globalFilterBindGroup.setResource(e.source,1),this._globalFilterBindGroup.setResource(e.source.style,2),t.groups[0]=this._globalFilterBindGroup,r.encoder.draw({geometry:Bo,shader:t,state:t._state,topology:"triangle-list"}),r.type===It.WEBGL&&r.renderTarget.finishRenderPass()}_setupFilterTextures(t,e,r,s){if(t.backTexture=E.EMPTY,t.inputTexture=q.getOptimalTexture(e.width,e.height,t.resolution,t.antialias),t.blendRequired){r.renderTarget.finishRenderPass();let i=r.renderTarget.getRenderTarget(t.outputRenderSurface);t.backTexture=this.getBackTexture(i,e,s?.bounds)}r.renderTarget.bind(t.inputTexture,!0),r.globalUniforms.push({offset:e})}_calculateGlobalFrame(t,e,r,s,i,o){let a=t.globalFrame;a.x=e*s,a.y=r*s,a.width=i*s,a.height=o*s}_updateFilterUniforms(t,e,r,s,i,o,a,l){let h=this._filterGlobalUniforms.uniforms,c=h.uOutputFrame,u=h.uInputSize,f=h.uInputPixel,d=h.uInputClamp,p=h.uGlobalFrame,m=h.uOutputTexture;a?(c[0]=r.bounds.minX-s,c[1]=r.bounds.minY-i):(c[0]=0,c[1]=0),c[2]=t.frame.width,c[3]=t.frame.height,u[0]=t.source.width,u[1]=t.source.height,u[2]=1/u[0],u[3]=1/u[1],f[0]=t.source.pixelWidth,f[1]=t.source.pixelHeight,f[2]=1/f[0],f[3]=1/f[1],d[0]=.5*f[2],d[1]=.5*f[3],d[2]=t.frame.width*u[2]-.5*f[2],d[3]=t.frame.height*u[3]-.5*f[3];let x=this.renderer.renderTarget.rootRenderTarget.colorTexture;p[0]=s*o,p[1]=i*o,p[2]=x.source.width*o,p[3]=x.source.height*o,e instanceof E&&(e.source.resource=null);let g=this.renderer.renderTarget.getRenderTarget(e);this.renderer.renderTarget.bind(e,!!l),e instanceof E?(m[0]=e.frame.width,m[1]=e.frame.height):(m[0]=g.width,m[1]=g.height),m[2]=g.isRoot?-1:1,this._filterGlobalUniforms.update()}_findFilterResolution(t){let e=this._filterStackIndex-1;for(;e>0&&this._filterStack[e].skip;)--e;return e>0&&this._filterStack[e].inputTexture?this._filterStack[e].inputTexture.source._resolution:t}_findPreviousFilterOffset(){let t=0,e=0,r=this._filterStackIndex;for(;r>0;){r--;let s=this._filterStack[r];if(!s.skip){t=s.bounds.minX,e=s.bounds.minY;break}}return{x:t,y:e}}_calculateFilterArea(t,e){if(t.renderables?Mn(t.renderables,e):t.filterEffect.filterArea?(e.clear(),e.addRect(t.filterEffect.filterArea),e.applyMatrix(t.container.worldTransform)):t.container.getFastGlobalBounds(!0,e),t.container){let s=(t.container.renderGroup||t.container.parentRenderGroup).cacheToLocalTransform;s&&e.applyMatrix(s)}}_applyFiltersToTexture(t,e){let r=t.inputTexture,s=t.bounds,i=t.filters,o=t.firstEnabledIndex,a=t.lastEnabledIndex;if(this._globalFilterBindGroup.setResource(r.source.style,2),this._globalFilterBindGroup.setResource(t.backTexture.source,3),o===a)i[o].apply(this,r,t.outputRenderSurface,e);else{let l=t.inputTexture,h=q.getOptimalTexture(s.width,s.height,l.source._resolution,!1),c=h;for(let u=o;u<a;u++){let f=i[u];if(!f.enabled)continue;f.apply(this,l,c,!0);let d=l;l=c,c=d}i[a].apply(this,l,t.outputRenderSurface,e),q.returnTexture(h)}}_calculateFilterBounds(t,e,r,s,i){let o=this.renderer,a=t.bounds,l=t.filters,h=1/0,c=0,u=!0,f=!1,d=!1,p=!0,m=-1,x=-1;for(let g=0;g<l.length;g++){let _=l[g];if(!_.enabled)continue;if(m===-1&&(m=g),x=g,h=Math.min(h,_.resolution==="inherit"?s:_.resolution),c+=_.padding,_.antialias==="off"?u=!1:_.antialias==="inherit"&&u&&(u=r),_.clipToViewport||(p=!1),!!!(_.compatibleRenderers&o.type)){d=!1;break}if(_.blendRequired&&!(o.backBuffer?.useBackBuffer??!0)){L("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."),d=!1;break}d=!0,f||(f=_.blendRequired)}if(!d){t.skip=!0;return}if(p&&a.fitBounds(0,e.width/s,0,e.height/s),a.scale(h).ceil().scale(1/h).pad((c|0)*i),!a.isPositive){t.skip=!0;return}t.antialias=u,t.resolution=h,t.blendRequired=f,t.firstEnabledIndex=m,t.lastEnabledIndex=x}_popFilterData(){return this._filterStackIndex--,this._filterStack[this._filterStackIndex]}_getPreviousFilterData(){let t,e=this._filterStackIndex-1;for(;e>0&&(e--,t=this._filterStack[e],!!t.skip););return t}_pushFilterData(){let t=this._filterStack[this._filterStackIndex];return t||(t=this._filterStack[this._filterStackIndex]=new os),this._filterStackIndex++,t}};as.extension={type:[w.WebGLSystem,w.WebGPUSystem],name:"filter"};export{ur as a,dr as b,ot as c,ve as d,Sr as e,Tr as f,vr as g,Cr as h,Mr as i,dt as j,Y as k,Oe as l,Or as m,Ve as n,Yr as o,Xr as p,Qr as q,es as r,ss as s,is as t,as as u};
 /*! Bundled license information:
 
 tiny-lru/dist/tiny-lru.js:
@@ -390,4 +390,4 @@ tiny-lru/dist/tiny-lru.js:
    * @version 11.4.5
    *)
 */
-//# sourceMappingURL=chunk-W33LM336.js.map
+//# sourceMappingURL=chunk-MWCIWPRL.js.map

package/x/demo/{browserAll-5AZHDDG6.js → browserAll-QEV2P3ED.js}

@@ -1,2 +1,2 @@
-import{a as i,b as o,c as m,d as p,e}from"./chunk-T3METYEY.js";import"./chunk-YJQWVIHX.js";import"./chunk-5ZZYIILO.js";import"./chunk-USLRKDKD.js";import{N as t,d as r}from"./chunk-PYG4RZZ2.js";r.add(i);r.mixin(t,o);r.add(m);r.mixin(t,p);r.add(e);
-//# sourceMappingURL=browserAll-5AZHDDG6.js.map
+import{a as i,b as o,c as m,d as p,e}from"./chunk-T3METYEY.js";import"./chunk-IRDQEA6B.js";import"./chunk-RWJ2UHV4.js";import"./chunk-USLRKDKD.js";import{N as t,d as r}from"./chunk-PYG4RZZ2.js";r.add(i);r.mixin(t,o);r.add(m);r.mixin(t,p);r.add(e);
+//# sourceMappingURL=browserAll-QEV2P3ED.js.map

package/x/{chunk-63NSCXPX.js → demo/chunk-IRDQEA6B.js}

@@ -1,2 +1,2 @@
-import{a as i,b as r,d as o,e,f as m,g as s,h as p,i as d,m as n,n as a,o as f,p as c,q as x,r as P,s as u,t as l}from"./chunk-W33LM336.js";import{e as t}from"./chunk-WFT3KTZG.js";t.add(i);t.add(r);t.add(e);t.add(o);t.add(m);t.add(s);t.add(p);t.add(n);t.add(d);t.add(a);t.add(c);t.add(f);t.add(x);t.add(P);t.add(l);t.add(u);
-//# sourceMappingURL=chunk-63NSCXPX.js.map
+import{a as i,b as r,d as o,e,f as m,g as s,h as p,i as d,m as n,o as a,p as f,q as c,r as x,s as P,t as u,u as l}from"./chunk-RWJ2UHV4.js";import{d as t}from"./chunk-PYG4RZZ2.js";t.add(i);t.add(r);t.add(e);t.add(o);t.add(m);t.add(s);t.add(p);t.add(n);t.add(d);t.add(a);t.add(c);t.add(f);t.add(x);t.add(P);t.add(l);t.add(u);
+//# sourceMappingURL=chunk-IRDQEA6B.js.map

package/x/demo/{chunk-5ZZYIILO.js → chunk-RWJ2UHV4.js}

@@ -378,7 +378,7 @@ fn mainFragment(
 ) -> @location(0) vec4<f32> {
     return textureSample(uTexture, uSampler, uv);
 }
-`;var Ze=class extends Es{constructor(){let t=pe.from({vertex:{source:ns,entryPoint:"mainVertex"},fragment:{source:ns,entryPoint:"mainFragment"},name:"passthrough-filter"}),e=fe.from({vertex:Pn,fragment:vn,name:"passthrough-filter"});super({gpuProgram:t,glProgram:e})}};var Cn=new G;function Mn(n,t){t.clear();let e=t.matrix;for(let r=0;r<n.length;r++){let s=n[r];if(s.globalDisplayStatus<7)continue;let i=s.renderGroup??s.parentRenderGroup;i?.isCachedAsTexture?t.matrix=Cn.copyFrom(i.textureOffsetInverseTransform).append(s.worldTransform):i?._parentCacheAsTextureRenderGroup?t.matrix=Cn.copyFrom(i._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(s.groupTransform):t.matrix=s.worldTransform,t.addBounds(s.bounds)}return t.matrix=e,t}var Bo=new Gt({attributes:{aPosition:{buffer:new Float32Array([0,0,1,0,1,1,0,1]),format:"float32x2",stride:8,offset:0}},indexBuffer:new Uint32Array([0,1,2,0,2,3])}),os=class{constructor(){this.skip=!1,this.inputTexture=null,this.backTexture=null,this.filters=null,this.bounds=new st,this.container=null,this.blendRequired=!1,this.outputRenderSurface=null,this.globalFrame={x:0,y:0,width:0,height:0},this.firstEnabledIndex=-1,this.lastEnabledIndex=-1}},as=class{constructor(t){this._filterStackIndex=0,this._filterStack=[],this._filterGlobalUniforms=new J({uInputSize:{value:new Float32Array(4),type:"vec4<f32>"},uInputPixel:{value:new Float32Array(4),type:"vec4<f32>"},uInputClamp:{value:new Float32Array(4),type:"vec4<f32>"},uOutputFrame:{value:new Float32Array(4),type:"vec4<f32>"},uGlobalFrame:{value:new Float32Array(4),type:"vec4<f32>"},uOutputTexture:{value:new Float32Array(4),type:"vec4<f32>"}}),this._globalFilterBindGroup=new de({}),this.renderer=t}get activeBackTexture(){return this._activeFilterData?.backTexture}push(t){let e=this.renderer,r=t.filterEffect.filters,s=this._pushFilterData();s.skip=!1,s.filters=r,s.container=t.container,s.outputRenderSurface=e.renderTarget.renderSurface;let i=e.renderTarget.renderTarget.colorTexture.source,o=i.resolution,a=i.antialias;if(r.every(d=>!d.enabled)){s.skip=!0;return}let l=s.bounds;if(this._calculateFilterArea(t,l),this._calculateFilterBounds(s,e.renderTarget.rootViewPort,a,o,1),s.skip)return;let h=this._getPreviousFilterData(),c=this._findFilterResolution(o),u=0,f=0;h&&(u=h.bounds.minX,f=h.bounds.minY),this._calculateGlobalFrame(s,u,f,c,i.width,i.height),this._setupFilterTextures(s,l,e,h)}generateFilteredTexture({texture:t,filters:e}){let r=this._pushFilterData();this._activeFilterData=r,r.skip=!1,r.filters=e;let s=t.source,i=s.resolution,o=s.antialias;if(e.every(d=>!d.enabled))return r.skip=!0,t;let a=r.bounds;if(a.addRect(t.frame),this._calculateFilterBounds(r,a.rectangle,o,i,0),r.skip)return t;let l=i;this._calculateGlobalFrame(r,0,0,l,s.width,s.height),r.outputRenderSurface=q.getOptimalTexture(a.width,a.height,r.resolution,r.antialias),r.backTexture=E.EMPTY,r.inputTexture=t,this.renderer.renderTarget.finishRenderPass(),this._applyFiltersToTexture(r,!0);let f=r.outputRenderSurface;return f.source.alphaMode="premultiplied-alpha",f}pop(){let t=this.renderer,e=this._popFilterData();e.skip||(t.globalUniforms.pop(),t.renderTarget.finishRenderPass(),this._activeFilterData=e,this._applyFiltersToTexture(e,!1),e.blendRequired&&q.returnTexture(e.backTexture),q.returnTexture(e.inputTexture))}getBackTexture(t,e,r){let s=t.colorTexture.source._resolution,i=q.getOptimalTexture(e.width,e.height,s,!1),o=e.minX,a=e.minY;r&&(o-=r.minX,a-=r.minY),o=Math.floor(o*s),a=Math.floor(a*s);let l=Math.ceil(e.width*s),h=Math.ceil(e.height*s);return this.renderer.renderTarget.copyToTexture(t,i,{x:o,y:a},{width:l,height:h},{x:0,y:0}),i}applyFilter(t,e,r,s){let i=this.renderer,o=this._activeFilterData,l=o.outputRenderSurface===r,h=i.renderTarget.rootRenderTarget.colorTexture.source._resolution,c=this._findFilterResolution(h),u=0,f=0;if(l){let p=this._findPreviousFilterOffset();u=p.x,f=p.y}this._updateFilterUniforms(e,r,o,u,f,c,l,s);let d=t.enabled?t:this._getPassthroughFilter();this._setupBindGroupsAndRender(d,e,i)}calculateSpriteMatrix(t,e){let r=this._activeFilterData,s=t.set(r.inputTexture._source.width,0,0,r.inputTexture._source.height,r.bounds.minX,r.bounds.minY),i=e.worldTransform.copyTo(G.shared),o=e.renderGroup||e.parentRenderGroup;return o&&o.cacheToLocalTransform&&i.prepend(o.cacheToLocalTransform),i.invert(),s.prepend(i),s.scale(1/e.texture.orig.width,1/e.texture.orig.height),s.translate(e.anchor.x,e.anchor.y),s}destroy(){this._passthroughFilter?.destroy(!0),this._passthroughFilter=null}_getPassthroughFilter(){return this._passthroughFilter??(this._passthroughFilter=new Ze),this._passthroughFilter}_setupBindGroupsAndRender(t,e,r){if(r.renderPipes.uniformBatch){let s=r.renderPipes.uniformBatch.getUboResource(this._filterGlobalUniforms);this._globalFilterBindGroup.setResource(s,0)}else this._globalFilterBindGroup.setResource(this._filterGlobalUniforms,0);this._globalFilterBindGroup.setResource(e.source,1),this._globalFilterBindGroup.setResource(e.source.style,2),t.groups[0]=this._globalFilterBindGroup,r.encoder.draw({geometry:Bo,shader:t,state:t._state,topology:"triangle-list"}),r.type===It.WEBGL&&r.renderTarget.finishRenderPass()}_setupFilterTextures(t,e,r,s){if(t.backTexture=E.EMPTY,t.inputTexture=q.getOptimalTexture(e.width,e.height,t.resolution,t.antialias),t.blendRequired){r.renderTarget.finishRenderPass();let i=r.renderTarget.getRenderTarget(t.outputRenderSurface);t.backTexture=this.getBackTexture(i,e,s?.bounds)}r.renderTarget.bind(t.inputTexture,!0),r.globalUniforms.push({offset:e})}_calculateGlobalFrame(t,e,r,s,i,o){let a=t.globalFrame;a.x=e*s,a.y=r*s,a.width=i*s,a.height=o*s}_updateFilterUniforms(t,e,r,s,i,o,a,l){let h=this._filterGlobalUniforms.uniforms,c=h.uOutputFrame,u=h.uInputSize,f=h.uInputPixel,d=h.uInputClamp,p=h.uGlobalFrame,m=h.uOutputTexture;a?(c[0]=r.bounds.minX-s,c[1]=r.bounds.minY-i):(c[0]=0,c[1]=0),c[2]=t.frame.width,c[3]=t.frame.height,u[0]=t.source.width,u[1]=t.source.height,u[2]=1/u[0],u[3]=1/u[1],f[0]=t.source.pixelWidth,f[1]=t.source.pixelHeight,f[2]=1/f[0],f[3]=1/f[1],d[0]=.5*f[2],d[1]=.5*f[3],d[2]=t.frame.width*u[2]-.5*f[2],d[3]=t.frame.height*u[3]-.5*f[3];let x=this.renderer.renderTarget.rootRenderTarget.colorTexture;p[0]=s*o,p[1]=i*o,p[2]=x.source.width*o,p[3]=x.source.height*o,e instanceof E&&(e.source.resource=null);let g=this.renderer.renderTarget.getRenderTarget(e);this.renderer.renderTarget.bind(e,!!l),e instanceof E?(m[0]=e.frame.width,m[1]=e.frame.height):(m[0]=g.width,m[1]=g.height),m[2]=g.isRoot?-1:1,this._filterGlobalUniforms.update()}_findFilterResolution(t){let e=this._filterStackIndex-1;for(;e>0&&this._filterStack[e].skip;)--e;return e>0&&this._filterStack[e].inputTexture?this._filterStack[e].inputTexture.source._resolution:t}_findPreviousFilterOffset(){let t=0,e=0,r=this._filterStackIndex;for(;r>0;){r--;let s=this._filterStack[r];if(!s.skip){t=s.bounds.minX,e=s.bounds.minY;break}}return{x:t,y:e}}_calculateFilterArea(t,e){if(t.renderables?Mn(t.renderables,e):t.filterEffect.filterArea?(e.clear(),e.addRect(t.filterEffect.filterArea),e.applyMatrix(t.container.worldTransform)):t.container.getFastGlobalBounds(!0,e),t.container){let s=(t.container.renderGroup||t.container.parentRenderGroup).cacheToLocalTransform;s&&e.applyMatrix(s)}}_applyFiltersToTexture(t,e){let r=t.inputTexture,s=t.bounds,i=t.filters,o=t.firstEnabledIndex,a=t.lastEnabledIndex;if(this._globalFilterBindGroup.setResource(r.source.style,2),this._globalFilterBindGroup.setResource(t.backTexture.source,3),o===a)i[o].apply(this,r,t.outputRenderSurface,e);else{let l=t.inputTexture,h=q.getOptimalTexture(s.width,s.height,l.source._resolution,!1),c=h;for(let u=o;u<a;u++){let f=i[u];if(!f.enabled)continue;f.apply(this,l,c,!0);let d=l;l=c,c=d}i[a].apply(this,l,t.outputRenderSurface,e),q.returnTexture(h)}}_calculateFilterBounds(t,e,r,s,i){let o=this.renderer,a=t.bounds,l=t.filters,h=1/0,c=0,u=!0,f=!1,d=!1,p=!0,m=-1,x=-1;for(let g=0;g<l.length;g++){let _=l[g];if(!_.enabled)continue;if(m===-1&&(m=g),x=g,h=Math.min(h,_.resolution==="inherit"?s:_.resolution),c+=_.padding,_.antialias==="off"?u=!1:_.antialias==="inherit"&&u&&(u=r),_.clipToViewport||(p=!1),!!!(_.compatibleRenderers&o.type)){d=!1;break}if(_.blendRequired&&!(o.backBuffer?.useBackBuffer??!0)){L("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."),d=!1;break}d=!0,f||(f=_.blendRequired)}if(!d){t.skip=!0;return}if(p&&a.fitBounds(0,e.width/s,0,e.height/s),a.scale(h).ceil().scale(1/h).pad((c|0)*i),!a.isPositive){t.skip=!0;return}t.antialias=u,t.resolution=h,t.blendRequired=f,t.firstEnabledIndex=m,t.lastEnabledIndex=x}_popFilterData(){return this._filterStackIndex--,this._filterStack[this._filterStackIndex]}_getPreviousFilterData(){let t,e=this._filterStackIndex-1;for(;e>0&&(e--,t=this._filterStack[e],!!t.skip););return t}_pushFilterData(){let t=this._filterStack[this._filterStackIndex];return t||(t=this._filterStack[this._filterStackIndex]=new os),this._filterStackIndex++,t}};as.extension={type:[w.WebGLSystem,w.WebGPUSystem],name:"filter"};export{ur as a,dr as b,ot as c,ve as d,Sr as e,Tr as f,vr as g,Cr as h,Mr as i,dt as j,Y as k,Oe as l,Or as m,Yr as n,Xr as o,Qr as p,es as q,ss as r,is as s,as as t};
+`;var Ze=class extends Es{constructor(){let t=pe.from({vertex:{source:ns,entryPoint:"mainVertex"},fragment:{source:ns,entryPoint:"mainFragment"},name:"passthrough-filter"}),e=fe.from({vertex:Pn,fragment:vn,name:"passthrough-filter"});super({gpuProgram:t,glProgram:e})}};var Cn=new G;function Mn(n,t){t.clear();let e=t.matrix;for(let r=0;r<n.length;r++){let s=n[r];if(s.globalDisplayStatus<7)continue;let i=s.renderGroup??s.parentRenderGroup;i?.isCachedAsTexture?t.matrix=Cn.copyFrom(i.textureOffsetInverseTransform).append(s.worldTransform):i?._parentCacheAsTextureRenderGroup?t.matrix=Cn.copyFrom(i._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(s.groupTransform):t.matrix=s.worldTransform,t.addBounds(s.bounds)}return t.matrix=e,t}var Bo=new Gt({attributes:{aPosition:{buffer:new Float32Array([0,0,1,0,1,1,0,1]),format:"float32x2",stride:8,offset:0}},indexBuffer:new Uint32Array([0,1,2,0,2,3])}),os=class{constructor(){this.skip=!1,this.inputTexture=null,this.backTexture=null,this.filters=null,this.bounds=new st,this.container=null,this.blendRequired=!1,this.outputRenderSurface=null,this.globalFrame={x:0,y:0,width:0,height:0},this.firstEnabledIndex=-1,this.lastEnabledIndex=-1}},as=class{constructor(t){this._filterStackIndex=0,this._filterStack=[],this._filterGlobalUniforms=new J({uInputSize:{value:new Float32Array(4),type:"vec4<f32>"},uInputPixel:{value:new Float32Array(4),type:"vec4<f32>"},uInputClamp:{value:new Float32Array(4),type:"vec4<f32>"},uOutputFrame:{value:new Float32Array(4),type:"vec4<f32>"},uGlobalFrame:{value:new Float32Array(4),type:"vec4<f32>"},uOutputTexture:{value:new Float32Array(4),type:"vec4<f32>"}}),this._globalFilterBindGroup=new de({}),this.renderer=t}get activeBackTexture(){return this._activeFilterData?.backTexture}push(t){let e=this.renderer,r=t.filterEffect.filters,s=this._pushFilterData();s.skip=!1,s.filters=r,s.container=t.container,s.outputRenderSurface=e.renderTarget.renderSurface;let i=e.renderTarget.renderTarget.colorTexture.source,o=i.resolution,a=i.antialias;if(r.every(d=>!d.enabled)){s.skip=!0;return}let l=s.bounds;if(this._calculateFilterArea(t,l),this._calculateFilterBounds(s,e.renderTarget.rootViewPort,a,o,1),s.skip)return;let h=this._getPreviousFilterData(),c=this._findFilterResolution(o),u=0,f=0;h&&(u=h.bounds.minX,f=h.bounds.minY),this._calculateGlobalFrame(s,u,f,c,i.width,i.height),this._setupFilterTextures(s,l,e,h)}generateFilteredTexture({texture:t,filters:e}){let r=this._pushFilterData();this._activeFilterData=r,r.skip=!1,r.filters=e;let s=t.source,i=s.resolution,o=s.antialias;if(e.every(d=>!d.enabled))return r.skip=!0,t;let a=r.bounds;if(a.addRect(t.frame),this._calculateFilterBounds(r,a.rectangle,o,i,0),r.skip)return t;let l=i;this._calculateGlobalFrame(r,0,0,l,s.width,s.height),r.outputRenderSurface=q.getOptimalTexture(a.width,a.height,r.resolution,r.antialias),r.backTexture=E.EMPTY,r.inputTexture=t,this.renderer.renderTarget.finishRenderPass(),this._applyFiltersToTexture(r,!0);let f=r.outputRenderSurface;return f.source.alphaMode="premultiplied-alpha",f}pop(){let t=this.renderer,e=this._popFilterData();e.skip||(t.globalUniforms.pop(),t.renderTarget.finishRenderPass(),this._activeFilterData=e,this._applyFiltersToTexture(e,!1),e.blendRequired&&q.returnTexture(e.backTexture),q.returnTexture(e.inputTexture))}getBackTexture(t,e,r){let s=t.colorTexture.source._resolution,i=q.getOptimalTexture(e.width,e.height,s,!1),o=e.minX,a=e.minY;r&&(o-=r.minX,a-=r.minY),o=Math.floor(o*s),a=Math.floor(a*s);let l=Math.ceil(e.width*s),h=Math.ceil(e.height*s);return this.renderer.renderTarget.copyToTexture(t,i,{x:o,y:a},{width:l,height:h},{x:0,y:0}),i}applyFilter(t,e,r,s){let i=this.renderer,o=this._activeFilterData,l=o.outputRenderSurface===r,h=i.renderTarget.rootRenderTarget.colorTexture.source._resolution,c=this._findFilterResolution(h),u=0,f=0;if(l){let p=this._findPreviousFilterOffset();u=p.x,f=p.y}this._updateFilterUniforms(e,r,o,u,f,c,l,s);let d=t.enabled?t:this._getPassthroughFilter();this._setupBindGroupsAndRender(d,e,i)}calculateSpriteMatrix(t,e){let r=this._activeFilterData,s=t.set(r.inputTexture._source.width,0,0,r.inputTexture._source.height,r.bounds.minX,r.bounds.minY),i=e.worldTransform.copyTo(G.shared),o=e.renderGroup||e.parentRenderGroup;return o&&o.cacheToLocalTransform&&i.prepend(o.cacheToLocalTransform),i.invert(),s.prepend(i),s.scale(1/e.texture.orig.width,1/e.texture.orig.height),s.translate(e.anchor.x,e.anchor.y),s}destroy(){this._passthroughFilter?.destroy(!0),this._passthroughFilter=null}_getPassthroughFilter(){return this._passthroughFilter??(this._passthroughFilter=new Ze),this._passthroughFilter}_setupBindGroupsAndRender(t,e,r){if(r.renderPipes.uniformBatch){let s=r.renderPipes.uniformBatch.getUboResource(this._filterGlobalUniforms);this._globalFilterBindGroup.setResource(s,0)}else this._globalFilterBindGroup.setResource(this._filterGlobalUniforms,0);this._globalFilterBindGroup.setResource(e.source,1),this._globalFilterBindGroup.setResource(e.source.style,2),t.groups[0]=this._globalFilterBindGroup,r.encoder.draw({geometry:Bo,shader:t,state:t._state,topology:"triangle-list"}),r.type===It.WEBGL&&r.renderTarget.finishRenderPass()}_setupFilterTextures(t,e,r,s){if(t.backTexture=E.EMPTY,t.inputTexture=q.getOptimalTexture(e.width,e.height,t.resolution,t.antialias),t.blendRequired){r.renderTarget.finishRenderPass();let i=r.renderTarget.getRenderTarget(t.outputRenderSurface);t.backTexture=this.getBackTexture(i,e,s?.bounds)}r.renderTarget.bind(t.inputTexture,!0),r.globalUniforms.push({offset:e})}_calculateGlobalFrame(t,e,r,s,i,o){let a=t.globalFrame;a.x=e*s,a.y=r*s,a.width=i*s,a.height=o*s}_updateFilterUniforms(t,e,r,s,i,o,a,l){let h=this._filterGlobalUniforms.uniforms,c=h.uOutputFrame,u=h.uInputSize,f=h.uInputPixel,d=h.uInputClamp,p=h.uGlobalFrame,m=h.uOutputTexture;a?(c[0]=r.bounds.minX-s,c[1]=r.bounds.minY-i):(c[0]=0,c[1]=0),c[2]=t.frame.width,c[3]=t.frame.height,u[0]=t.source.width,u[1]=t.source.height,u[2]=1/u[0],u[3]=1/u[1],f[0]=t.source.pixelWidth,f[1]=t.source.pixelHeight,f[2]=1/f[0],f[3]=1/f[1],d[0]=.5*f[2],d[1]=.5*f[3],d[2]=t.frame.width*u[2]-.5*f[2],d[3]=t.frame.height*u[3]-.5*f[3];let x=this.renderer.renderTarget.rootRenderTarget.colorTexture;p[0]=s*o,p[1]=i*o,p[2]=x.source.width*o,p[3]=x.source.height*o,e instanceof E&&(e.source.resource=null);let g=this.renderer.renderTarget.getRenderTarget(e);this.renderer.renderTarget.bind(e,!!l),e instanceof E?(m[0]=e.frame.width,m[1]=e.frame.height):(m[0]=g.width,m[1]=g.height),m[2]=g.isRoot?-1:1,this._filterGlobalUniforms.update()}_findFilterResolution(t){let e=this._filterStackIndex-1;for(;e>0&&this._filterStack[e].skip;)--e;return e>0&&this._filterStack[e].inputTexture?this._filterStack[e].inputTexture.source._resolution:t}_findPreviousFilterOffset(){let t=0,e=0,r=this._filterStackIndex;for(;r>0;){r--;let s=this._filterStack[r];if(!s.skip){t=s.bounds.minX,e=s.bounds.minY;break}}return{x:t,y:e}}_calculateFilterArea(t,e){if(t.renderables?Mn(t.renderables,e):t.filterEffect.filterArea?(e.clear(),e.addRect(t.filterEffect.filterArea),e.applyMatrix(t.container.worldTransform)):t.container.getFastGlobalBounds(!0,e),t.container){let s=(t.container.renderGroup||t.container.parentRenderGroup).cacheToLocalTransform;s&&e.applyMatrix(s)}}_applyFiltersToTexture(t,e){let r=t.inputTexture,s=t.bounds,i=t.filters,o=t.firstEnabledIndex,a=t.lastEnabledIndex;if(this._globalFilterBindGroup.setResource(r.source.style,2),this._globalFilterBindGroup.setResource(t.backTexture.source,3),o===a)i[o].apply(this,r,t.outputRenderSurface,e);else{let l=t.inputTexture,h=q.getOptimalTexture(s.width,s.height,l.source._resolution,!1),c=h;for(let u=o;u<a;u++){let f=i[u];if(!f.enabled)continue;f.apply(this,l,c,!0);let d=l;l=c,c=d}i[a].apply(this,l,t.outputRenderSurface,e),q.returnTexture(h)}}_calculateFilterBounds(t,e,r,s,i){let o=this.renderer,a=t.bounds,l=t.filters,h=1/0,c=0,u=!0,f=!1,d=!1,p=!0,m=-1,x=-1;for(let g=0;g<l.length;g++){let _=l[g];if(!_.enabled)continue;if(m===-1&&(m=g),x=g,h=Math.min(h,_.resolution==="inherit"?s:_.resolution),c+=_.padding,_.antialias==="off"?u=!1:_.antialias==="inherit"&&u&&(u=r),_.clipToViewport||(p=!1),!!!(_.compatibleRenderers&o.type)){d=!1;break}if(_.blendRequired&&!(o.backBuffer?.useBackBuffer??!0)){L("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."),d=!1;break}d=!0,f||(f=_.blendRequired)}if(!d){t.skip=!0;return}if(p&&a.fitBounds(0,e.width/s,0,e.height/s),a.scale(h).ceil().scale(1/h).pad((c|0)*i),!a.isPositive){t.skip=!0;return}t.antialias=u,t.resolution=h,t.blendRequired=f,t.firstEnabledIndex=m,t.lastEnabledIndex=x}_popFilterData(){return this._filterStackIndex--,this._filterStack[this._filterStackIndex]}_getPreviousFilterData(){let t,e=this._filterStackIndex-1;for(;e>0&&(e--,t=this._filterStack[e],!!t.skip););return t}_pushFilterData(){let t=this._filterStack[this._filterStackIndex];return t||(t=this._filterStack[this._filterStackIndex]=new os),this._filterStackIndex++,t}};as.extension={type:[w.WebGLSystem,w.WebGPUSystem],name:"filter"};export{ur as a,dr as b,ot as c,ve as d,Sr as e,Tr as f,vr as g,Cr as h,Mr as i,dt as j,Y as k,Oe as l,Or as m,Ve as n,Yr as o,Xr as p,Qr as q,es as r,ss as s,is as t,as as u};
 /*! Bundled license information:
 
 tiny-lru/dist/tiny-lru.js:
@@ -390,4 +390,4 @@ tiny-lru/dist/tiny-lru.js:
    * @version 11.4.5
    *)
 */
-//# sourceMappingURL=chunk-5ZZYIILO.js.map
+//# sourceMappingURL=chunk-RWJ2UHV4.js.map