fabric 7.4.0 → 7.5.0-beta.1

package/dist/src/filters/BlendImage.min.mjs

@@ -1,2 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{createCanvasElement as n}from"../util/misc/dom.min.mjs";import{FabricImage as r}from"../shapes/Image.min.mjs";import{BaseFilter as i}from"./BaseFilter.min.mjs";import{fragmentSource as a,vertexSource as o}from"./shaders/blendImage.min.mjs";var s=class extends i{getCacheKey(){return`${this.type}_${this.mode}`}getFragmentSource(){return a[this.mode]}getVertexSource(){return o}applyToWebGL(e){let t=e.context,n=this.createTexture(e.filterBackend,this.image);this.bindAdditionalTexture(t,n,t.TEXTURE1),super.applyToWebGL(e),this.unbindAdditionalTexture(t,t.TEXTURE1)}createTexture(e,t){return e.getCachedTexture(t.cacheKey,t.getElement())}calculateMatrix(){let e=this.image,{width:t,height:n}=e.getElement();return[1/e.scaleX,0,0,0,1/e.scaleY,0,-e.left/t,-e.top/n,1]}applyTo2d({imageData:{data:e,width:t,height:r},filterBackend:{resources:i}}){let a=this.image;i.blendImage||(i.blendImage=n());let o=i.blendImage,s=o.getContext(`2d`);o.width!==t||o.height!==r?(o.width=t,o.height=r):s.clearRect(0,0,t,r),s.setTransform(a.scaleX,0,0,a.scaleY,a.left,a.top),s.drawImage(a.getElement(),0,0,t,r);let c=s.getImageData(0,0,t,r).data;for(let t=0;t<e.length;t+=4){let n=e[t],r=e[t+1],i=e[t+2],a=e[t+3],o=c[t],s=c[t+1],l=c[t+2],u=c[t+3];switch(this.mode){case`multiply`:e[t]=n*o/255,e[t+1]=r*s/255,e[t+2]=i*l/255,e[t+3]=a*u/255;break;case`mask`:e[t+3]=u}}}sendUniformData(e,t){let n=this.calculateMatrix();e.uniform1i(t.uImage,1),e.uniformMatrix3fv(t.uTransformMatrix,!1,n)}toObject(){return{...super.toObject(),image:this.image&&this.image.toObject()}}static async fromObject({type:e,image:t,...n},i){return r.fromObject(t,i).then(e=>new this({...n,image:e}))}};e(s,`type`,`BlendImage`),e(s,`defaults`,{mode:`multiply`,alpha:1}),e(s,`uniformLocations`,[`uTransformMatrix`,`uImage`]),t.setClass(s);export{s as BlendImage};
-//# sourceMappingURL=BlendImage.min.mjs.map

package/dist/src/filters/BlendImage.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlendImage.min.mjs","names":[],"sources":["../../../src/filters/BlendImage.ts"],"sourcesContent":["import { FabricImage } from '../shapes/Image';\nimport { createCanvasElement } from '../util/misc/dom';\nimport { BaseFilter } from './BaseFilter';\nimport type {\n  T2DPipelineState,\n  TWebGLPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport type { WebGLFilterBackend } from './WebGLFilterBackend';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource, vertexSource } from './shaders/blendImage';\n\nexport type TBlendImageMode = 'multiply' | 'mask';\n\ntype BlendImageOwnProps = {\n  mode: TBlendImageMode;\n  alpha: number;\n};\n\nexport const blendImageDefaultValues: BlendImageOwnProps = {\n  mode: 'multiply',\n  alpha: 1,\n};\n\n/**\n * Image Blend filter class\n * @example\n * const filter = new filters.BlendColor({\n *  color: '#000',\n *  mode: 'multiply'\n * });\n *\n * const filter = new BlendImage({\n *  image: fabricImageObject,\n *  mode: 'multiply'\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class BlendImage extends BaseFilter<'BlendImage', BlendImageOwnProps> {\n  /**\n   * Image to make the blend operation with.\n   **/\n  declare image: FabricImage;\n\n  /**\n   * Blend mode for the filter: either 'multiply' or 'mask'. 'multiply' will\n   * multiply the values of each channel (R, G, B, and A) of the filter image by\n   * their corresponding values in the base image. 'mask' will only look at the\n   * alpha channel of the filter image, and apply those values to the base\n   * image's alpha channel.\n   * @type String\n   **/\n  declare mode: BlendImageOwnProps['mode'];\n\n  /**\n   * alpha value. represent the strength of the blend image operation.\n   * not implemented.\n   **/\n  declare alpha: BlendImageOwnProps['alpha'];\n\n  static type = 'BlendImage';\n\n  static defaults = blendImageDefaultValues;\n\n  static uniformLocations = ['uTransformMatrix', 'uImage'];\n\n  getCacheKey() {\n    return `${this.type}_${this.mode}`;\n  }\n\n  getFragmentSource(): string {\n    return fragmentSource[this.mode];\n  }\n\n  getVertexSource(): string {\n    return vertexSource;\n  }\n\n  applyToWebGL(options: TWebGLPipelineState) {\n    const gl = options.context,\n      texture = this.createTexture(options.filterBackend, this.image);\n    this.bindAdditionalTexture(gl, texture!, gl.TEXTURE1);\n    super.applyToWebGL(options);\n    this.unbindAdditionalTexture(gl, gl.TEXTURE1);\n  }\n\n  createTexture(backend: WebGLFilterBackend, image: FabricImage) {\n    return backend.getCachedTexture(image.cacheKey, image.getElement());\n  }\n\n  /**\n   * Calculate a transformMatrix to adapt the image to blend over\n   * @param {Object} options\n   * @param {WebGLRenderingContext} options.context The GL context used for rendering.\n   * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\n   */\n  calculateMatrix() {\n    const image = this.image,\n      { width, height } = image.getElement();\n    return [\n      1 / image.scaleX,\n      0,\n      0,\n      0,\n      1 / image.scaleY,\n      0,\n      -image.left / width,\n      -image.top / height,\n      1,\n    ];\n  }\n\n  /**\n   * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\n   */\n  applyTo2d({\n    imageData: { data, width, height },\n    filterBackend: { resources },\n  }: T2DPipelineState) {\n    const image = this.image;\n    if (!resources.blendImage) {\n      resources.blendImage = createCanvasElement();\n    }\n    const canvas1 = resources.blendImage;\n    const context = canvas1.getContext('2d')!;\n    if (canvas1.width !== width || canvas1.height !== height) {\n      canvas1.width = width;\n      canvas1.height = height;\n    } else {\n      context.clearRect(0, 0, width, height);\n    }\n    context.setTransform(\n      image.scaleX,\n      0,\n      0,\n      image.scaleY,\n      image.left,\n      image.top,\n    );\n    context.drawImage(image.getElement(), 0, 0, width, height);\n    const blendData = context.getImageData(0, 0, width, height).data;\n    for (let i = 0; i < data.length; i += 4) {\n      const r = data[i];\n      const g = data[i + 1];\n      const b = data[i + 2];\n      const a = data[i + 3];\n\n      const tr = blendData[i];\n      const tg = blendData[i + 1];\n      const tb = blendData[i + 2];\n      const ta = blendData[i + 3];\n\n      switch (this.mode) {\n        case 'multiply':\n          data[i] = (r * tr) / 255;\n          data[i + 1] = (g * tg) / 255;\n          data[i + 2] = (b * tb) / 255;\n          data[i + 3] = (a * ta) / 255;\n          break;\n        case 'mask':\n          data[i + 3] = ta;\n          break;\n      }\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const matrix = this.calculateMatrix();\n    gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\n    gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\n  }\n\n  /**\n   * Returns object representation of an instance\n   * TODO: Handle the possibility of missing image better.\n   * As of now a BlendImage filter without image can't be used with fromObject\n   * @return {Object} Object representation of an instance\n   */\n  toObject(): {\n    type: 'BlendImage';\n    image: ReturnType<FabricImage['toObject']>;\n  } & BlendImageOwnProps {\n    return {\n      ...super.toObject(),\n      image: this.image && this.image.toObject(),\n    };\n  }\n\n  /**\n   * Create filter instance from an object representation\n   * @param {object} object Object to create an instance from\n   * @param {object} [options]\n   * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\n   * @returns {Promise<BlendImage>}\n   */\n  static async fromObject(\n    { type, image, ...filterOptions }: Record<string, any>,\n    options: { signal: AbortSignal },\n  ): Promise<BaseFilter<'BlendImage', BlendImageOwnProps>> {\n    return FabricImage.fromObject(image, options).then(\n      (enlivedImage) => new this({ ...filterOptions, image: enlivedImage }),\n    );\n  }\n}\n\nclassRegistry.setClass(BlendImage);\n"],"mappings":"8ZAwCA,IAAa,EAAb,cAAgC,CAAA,CA4B9B,aAAA,CACE,MAAO,GAAG,KAAK,KAAA,GAAQ,KAAK,OAG9B,mBAAA,CACE,OAAO,EAAe,KAAK,MAG7B,iBAAA,CACE,OAAO,EAGT,aAAa,EAAA,CACX,IAAM,EAAK,EAAQ,QACjB,EAAU,KAAK,cAAc,EAAQ,cAAe,KAAK,MAAA,CAC3D,KAAK,sBAAsB,EAAI,EAAU,EAAG,SAAA,CAC5C,MAAM,aAAa,EAAA,CACnB,KAAK,wBAAwB,EAAI,EAAG,SAAA,CAGtC,cAAc,EAA6B,EAAA,CACzC,OAAO,EAAQ,iBAAiB,EAAM,SAAU,EAAM,YAAA,CAAA,CASxD,iBAAA,CACE,IAAM,EAAQ,KAAK,MAAA,CACjB,MAAE,EAAA,OAAO,GAAW,EAAM,YAAA,CAC5B,MAAO,CACL,EAAI,EAAM,OACV,EACA,EACA,EACA,EAAI,EAAM,OACV,EAAA,CACC,EAAM,KAAO,EAAA,CACb,EAAM,IAAM,EACb,EAAA,CAUJ,UAAA,CACE,UAAA,CAAW,KAAE,EAAA,MAAM,EAAA,OAAO,GAC1B,cAAA,CAAe,UAAE,IAAA,CAEjB,IAAM,EAAQ,KAAK,MACd,EAAU,aACb,EAAU,WAAa,GAAA,EAEzB,IAAM,EAAU,EAAU,WACpB,EAAU,EAAQ,WAAW,KAAA,CAC/B,EAAQ,QAAU,GAAS,EAAQ,SAAW,GAChD,EAAQ,MAAQ,EAChB,EAAQ,OAAS,GAEjB,EAAQ,UAAU,EAAG,EAAG,EAAO,EAAA,CAEjC,EAAQ,aACN,EAAM,OACN,EACA,EACA,EAAM,OACN,EAAM,KACN,EAAM,IAAA,CAER,EAAQ,UAAU,EAAM,YAAA,CAAc,EAAG,EAAG,EAAO,EAAA,CACnD,IAAM,EAAY,EAAQ,aAAa,EAAG,EAAG,EAAO,EAAA,CAAQ,KAC5D,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,OAAQ,GAAK,EAAG,CACvC,IAAM,EAAI,EAAK,GACT,EAAI,EAAK,EAAI,GACb,EAAI,EAAK,EAAI,GACb,EAAI,EAAK,EAAI,GAEb,EAAK,EAAU,GACf,EAAK,EAAU,EAAI,GACnB,EAAK,EAAU,EAAI,GACnB,EAAK,EAAU,EAAI,GAEzB,OAAQ,KAAK,KAAb,CACE,IAAK,WACH,EAAK,GAAM,EAAI,EAAM,IACrB,EAAK,EAAI,GAAM,EAAI,EAAM,IACzB,EAAK,EAAI,GAAM,EAAI,EAAM,IACzB,EAAK,EAAI,GAAM,EAAI,EAAM,IACzB,MACF,IAAK,OACH,EAAK,EAAI,GAAK,IAYtB,gBACE,EACA,EAAA,CAEA,IAAM,EAAS,KAAK,iBAAA,CACpB,EAAG,UAAU,EAAiB,OAAQ,EAAA,CACtC,EAAG,iBAAiB,EAAiB,iBAAA,CAAkB,EAAO,EAAA,CAShE,UAAA,CAIE,MAAO,CAAA,GACF,MAAM,UAAA,CACT,MAAO,KAAK,OAAS,KAAK,MAAM,UAAA,CAAA,CAWpC,aAAA,WAAa,CACX,KAAE,EAAA,MAAM,EAAA,GAAU,GAClB,EAAA,CAEA,OAAO,EAAY,WAAW,EAAO,EAAA,CAAS,KAC3C,GAAiB,IAAI,KAAK,CAAA,GAAK,EAAe,MAAO,EAAA,CAAA,CAAA,GAAA,EAAA,EAxJnD,OAAO,aAAA,CAAA,EAAA,EAEP,WA7CkD,CACzD,KAAM,WACN,MAAO,EAAA,CAAA,CAAA,EAAA,EA6CA,mBAAmB,CAAC,mBAAoB,SAAA,CAAA,CAyJjD,EAAc,SAAS,EAAA,CAAA,OAAA,KAAA"}

package/dist/src/filters/BlendImage.mjs

@@ -1,151 +0,0 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
-import { classRegistry } from "../ClassRegistry.mjs";
-import { createCanvasElement } from "../util/misc/dom.mjs";
-import { FabricImage } from "../shapes/Image.mjs";
-import { BaseFilter } from "./BaseFilter.mjs";
-import { fragmentSource, vertexSource } from "./shaders/blendImage.mjs";
-//#region src/filters/BlendImage.ts
-const blendImageDefaultValues = {
-	mode: "multiply",
-	alpha: 1
-};
-/**
-* Image Blend filter class
-* @example
-* const filter = new filters.BlendColor({
-*  color: '#000',
-*  mode: 'multiply'
-* });
-*
-* const filter = new BlendImage({
-*  image: fabricImageObject,
-*  mode: 'multiply'
-* });
-* object.filters.push(filter);
-* object.applyFilters();
-* canvas.renderAll();
-*/
-var BlendImage = class extends BaseFilter {
-	getCacheKey() {
-		return `${this.type}_${this.mode}`;
-	}
-	getFragmentSource() {
-		return fragmentSource[this.mode];
-	}
-	getVertexSource() {
-		return vertexSource;
-	}
-	applyToWebGL(options) {
-		const gl = options.context, texture = this.createTexture(options.filterBackend, this.image);
-		this.bindAdditionalTexture(gl, texture, gl.TEXTURE1);
-		super.applyToWebGL(options);
-		this.unbindAdditionalTexture(gl, gl.TEXTURE1);
-	}
-	createTexture(backend, image) {
-		return backend.getCachedTexture(image.cacheKey, image.getElement());
-	}
-	/**
-	* Calculate a transformMatrix to adapt the image to blend over
-	* @param {Object} options
-	* @param {WebGLRenderingContext} options.context The GL context used for rendering.
-	* @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.
-	*/
-	calculateMatrix() {
-		const image = this.image, { width, height } = image.getElement();
-		return [
-			1 / image.scaleX,
-			0,
-			0,
-			0,
-			1 / image.scaleY,
-			0,
-			-image.left / width,
-			-image.top / height,
-			1
-		];
-	}
-	/**
-	* Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.
-	*
-	* @param {Object} options
-	* @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
-	*/
-	applyTo2d({ imageData: { data, width, height }, filterBackend: { resources } }) {
-		const image = this.image;
-		if (!resources.blendImage) resources.blendImage = createCanvasElement();
-		const canvas1 = resources.blendImage;
-		const context = canvas1.getContext("2d");
-		if (canvas1.width !== width || canvas1.height !== height) {
-			canvas1.width = width;
-			canvas1.height = height;
-		} else context.clearRect(0, 0, width, height);
-		context.setTransform(image.scaleX, 0, 0, image.scaleY, image.left, image.top);
-		context.drawImage(image.getElement(), 0, 0, width, height);
-		const blendData = context.getImageData(0, 0, width, height).data;
-		for (let i = 0; i < data.length; i += 4) {
-			const r = data[i];
-			const g = data[i + 1];
-			const b = data[i + 2];
-			const a = data[i + 3];
-			const tr = blendData[i];
-			const tg = blendData[i + 1];
-			const tb = blendData[i + 2];
-			const ta = blendData[i + 3];
-			switch (this.mode) {
-				case "multiply":
-					data[i] = r * tr / 255;
-					data[i + 1] = g * tg / 255;
-					data[i + 2] = b * tb / 255;
-					data[i + 3] = a * ta / 255;
-					break;
-				case "mask":
-					data[i + 3] = ta;
-					break;
-			}
-		}
-	}
-	/**
-	* Send data from this filter to its shader program's uniforms.
-	*
-	* @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-	* @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-	*/
-	sendUniformData(gl, uniformLocations) {
-		const matrix = this.calculateMatrix();
-		gl.uniform1i(uniformLocations.uImage, 1);
-		gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);
-	}
-	/**
-	* Returns object representation of an instance
-	* TODO: Handle the possibility of missing image better.
-	* As of now a BlendImage filter without image can't be used with fromObject
-	* @return {Object} Object representation of an instance
-	*/
-	toObject() {
-		return {
-			...super.toObject(),
-			image: this.image && this.image.toObject()
-		};
-	}
-	/**
-	* Create filter instance from an object representation
-	* @param {object} object Object to create an instance from
-	* @param {object} [options]
-	* @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
-	* @returns {Promise<BlendImage>}
-	*/
-	static async fromObject({ type, image, ...filterOptions }, options) {
-		return FabricImage.fromObject(image, options).then((enlivedImage) => new this({
-			...filterOptions,
-			image: enlivedImage
-		}));
-	}
-};
-_defineProperty(BlendImage, "type", "BlendImage");
-_defineProperty(BlendImage, "defaults", blendImageDefaultValues);
-_defineProperty(BlendImage, "uniformLocations", ["uTransformMatrix", "uImage"]);
-classRegistry.setClass(BlendImage);
-//#endregion
-export { BlendImage };
-
-//# sourceMappingURL=BlendImage.mjs.map

package/dist/src/filters/BlendImage.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlendImage.mjs","names":[],"sources":["../../../src/filters/BlendImage.ts"],"sourcesContent":["import { FabricImage } from '../shapes/Image';\nimport { createCanvasElement } from '../util/misc/dom';\nimport { BaseFilter } from './BaseFilter';\nimport type {\n  T2DPipelineState,\n  TWebGLPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport type { WebGLFilterBackend } from './WebGLFilterBackend';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource, vertexSource } from './shaders/blendImage';\n\nexport type TBlendImageMode = 'multiply' | 'mask';\n\ntype BlendImageOwnProps = {\n  mode: TBlendImageMode;\n  alpha: number;\n};\n\nexport const blendImageDefaultValues: BlendImageOwnProps = {\n  mode: 'multiply',\n  alpha: 1,\n};\n\n/**\n * Image Blend filter class\n * @example\n * const filter = new filters.BlendColor({\n *  color: '#000',\n *  mode: 'multiply'\n * });\n *\n * const filter = new BlendImage({\n *  image: fabricImageObject,\n *  mode: 'multiply'\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class BlendImage extends BaseFilter<'BlendImage', BlendImageOwnProps> {\n  /**\n   * Image to make the blend operation with.\n   **/\n  declare image: FabricImage;\n\n  /**\n   * Blend mode for the filter: either 'multiply' or 'mask'. 'multiply' will\n   * multiply the values of each channel (R, G, B, and A) of the filter image by\n   * their corresponding values in the base image. 'mask' will only look at the\n   * alpha channel of the filter image, and apply those values to the base\n   * image's alpha channel.\n   * @type String\n   **/\n  declare mode: BlendImageOwnProps['mode'];\n\n  /**\n   * alpha value. represent the strength of the blend image operation.\n   * not implemented.\n   **/\n  declare alpha: BlendImageOwnProps['alpha'];\n\n  static type = 'BlendImage';\n\n  static defaults = blendImageDefaultValues;\n\n  static uniformLocations = ['uTransformMatrix', 'uImage'];\n\n  getCacheKey() {\n    return `${this.type}_${this.mode}`;\n  }\n\n  getFragmentSource(): string {\n    return fragmentSource[this.mode];\n  }\n\n  getVertexSource(): string {\n    return vertexSource;\n  }\n\n  applyToWebGL(options: TWebGLPipelineState) {\n    const gl = options.context,\n      texture = this.createTexture(options.filterBackend, this.image);\n    this.bindAdditionalTexture(gl, texture!, gl.TEXTURE1);\n    super.applyToWebGL(options);\n    this.unbindAdditionalTexture(gl, gl.TEXTURE1);\n  }\n\n  createTexture(backend: WebGLFilterBackend, image: FabricImage) {\n    return backend.getCachedTexture(image.cacheKey, image.getElement());\n  }\n\n  /**\n   * Calculate a transformMatrix to adapt the image to blend over\n   * @param {Object} options\n   * @param {WebGLRenderingContext} options.context The GL context used for rendering.\n   * @param {Object} options.programCache A map of compiled shader programs, keyed by filter type.\n   */\n  calculateMatrix() {\n    const image = this.image,\n      { width, height } = image.getElement();\n    return [\n      1 / image.scaleX,\n      0,\n      0,\n      0,\n      1 / image.scaleY,\n      0,\n      -image.left / width,\n      -image.top / height,\n      1,\n    ];\n  }\n\n  /**\n   * Apply the Blend operation to a Uint8ClampedArray representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\n   */\n  applyTo2d({\n    imageData: { data, width, height },\n    filterBackend: { resources },\n  }: T2DPipelineState) {\n    const image = this.image;\n    if (!resources.blendImage) {\n      resources.blendImage = createCanvasElement();\n    }\n    const canvas1 = resources.blendImage;\n    const context = canvas1.getContext('2d')!;\n    if (canvas1.width !== width || canvas1.height !== height) {\n      canvas1.width = width;\n      canvas1.height = height;\n    } else {\n      context.clearRect(0, 0, width, height);\n    }\n    context.setTransform(\n      image.scaleX,\n      0,\n      0,\n      image.scaleY,\n      image.left,\n      image.top,\n    );\n    context.drawImage(image.getElement(), 0, 0, width, height);\n    const blendData = context.getImageData(0, 0, width, height).data;\n    for (let i = 0; i < data.length; i += 4) {\n      const r = data[i];\n      const g = data[i + 1];\n      const b = data[i + 2];\n      const a = data[i + 3];\n\n      const tr = blendData[i];\n      const tg = blendData[i + 1];\n      const tb = blendData[i + 2];\n      const ta = blendData[i + 3];\n\n      switch (this.mode) {\n        case 'multiply':\n          data[i] = (r * tr) / 255;\n          data[i + 1] = (g * tg) / 255;\n          data[i + 2] = (b * tb) / 255;\n          data[i + 3] = (a * ta) / 255;\n          break;\n        case 'mask':\n          data[i + 3] = ta;\n          break;\n      }\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const matrix = this.calculateMatrix();\n    gl.uniform1i(uniformLocations.uImage, 1); // texture unit 1.\n    gl.uniformMatrix3fv(uniformLocations.uTransformMatrix, false, matrix);\n  }\n\n  /**\n   * Returns object representation of an instance\n   * TODO: Handle the possibility of missing image better.\n   * As of now a BlendImage filter without image can't be used with fromObject\n   * @return {Object} Object representation of an instance\n   */\n  toObject(): {\n    type: 'BlendImage';\n    image: ReturnType<FabricImage['toObject']>;\n  } & BlendImageOwnProps {\n    return {\n      ...super.toObject(),\n      image: this.image && this.image.toObject(),\n    };\n  }\n\n  /**\n   * Create filter instance from an object representation\n   * @param {object} object Object to create an instance from\n   * @param {object} [options]\n   * @param {AbortSignal} [options.signal] handle aborting image loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\n   * @returns {Promise<BlendImage>}\n   */\n  static async fromObject(\n    { type, image, ...filterOptions }: Record<string, any>,\n    options: { signal: AbortSignal },\n  ): Promise<BaseFilter<'BlendImage', BlendImageOwnProps>> {\n    return FabricImage.fromObject(image, options).then(\n      (enlivedImage) => new this({ ...filterOptions, image: enlivedImage }),\n    );\n  }\n}\n\nclassRegistry.setClass(BlendImage);\n"],"mappings":";;;;;;;AAmBA,MAAa,0BAA8C;CACzD,MAAM;CACN,OAAO;CACR;;;;;;;;;;;;;;;;;AAkBD,IAAa,aAAb,cAAgC,WAA6C;CA4B3E,cAAc;AACZ,SAAO,GAAG,KAAK,KAAK,GAAG,KAAK;;CAG9B,oBAA4B;AAC1B,SAAO,eAAe,KAAK;;CAG7B,kBAA0B;AACxB,SAAO;;CAGT,aAAa,SAA8B;EACzC,MAAM,KAAK,QAAQ,SACjB,UAAU,KAAK,cAAc,QAAQ,eAAe,KAAK,MAAM;AACjE,OAAK,sBAAsB,IAAI,SAAU,GAAG,SAAS;AACrD,QAAM,aAAa,QAAQ;AAC3B,OAAK,wBAAwB,IAAI,GAAG,SAAS;;CAG/C,cAAc,SAA6B,OAAoB;AAC7D,SAAO,QAAQ,iBAAiB,MAAM,UAAU,MAAM,YAAY,CAAC;;;;;;;;CASrE,kBAAkB;EAChB,MAAM,QAAQ,KAAK,OACjB,EAAE,OAAO,WAAW,MAAM,YAAY;AACxC,SAAO;GACL,IAAI,MAAM;GACV;GACA;GACA;GACA,IAAI,MAAM;GACV;GACA,CAAC,MAAM,OAAO;GACd,CAAC,MAAM,MAAM;GACb;GACD;;;;;;;;CASH,UAAU,EACR,WAAW,EAAE,MAAM,OAAO,UAC1B,eAAe,EAAE,eACE;EACnB,MAAM,QAAQ,KAAK;AACnB,MAAI,CAAC,UAAU,WACb,WAAU,aAAa,qBAAqB;EAE9C,MAAM,UAAU,UAAU;EAC1B,MAAM,UAAU,QAAQ,WAAW,KAAK;AACxC,MAAI,QAAQ,UAAU,SAAS,QAAQ,WAAW,QAAQ;AACxD,WAAQ,QAAQ;AAChB,WAAQ,SAAS;QAEjB,SAAQ,UAAU,GAAG,GAAG,OAAO,OAAO;AAExC,UAAQ,aACN,MAAM,QACN,GACA,GACA,MAAM,QACN,MAAM,MACN,MAAM,IACP;AACD,UAAQ,UAAU,MAAM,YAAY,EAAE,GAAG,GAAG,OAAO,OAAO;EAC1D,MAAM,YAAY,QAAQ,aAAa,GAAG,GAAG,OAAO,OAAO,CAAC;AAC5D,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;GACvC,MAAM,IAAI,KAAK;GACf,MAAM,IAAI,KAAK,IAAI;GACnB,MAAM,IAAI,KAAK,IAAI;GACnB,MAAM,IAAI,KAAK,IAAI;GAEnB,MAAM,KAAK,UAAU;GACrB,MAAM,KAAK,UAAU,IAAI;GACzB,MAAM,KAAK,UAAU,IAAI;GACzB,MAAM,KAAK,UAAU,IAAI;AAEzB,WAAQ,KAAK,MAAb;IACE,KAAK;AACH,UAAK,KAAM,IAAI,KAAM;AACrB,UAAK,IAAI,KAAM,IAAI,KAAM;AACzB,UAAK,IAAI,KAAM,IAAI,KAAM;AACzB,UAAK,IAAI,KAAM,IAAI,KAAM;AACzB;IACF,KAAK;AACH,UAAK,IAAI,KAAK;AACd;;;;;;;;;;CAWR,gBACE,IACA,kBACA;EACA,MAAM,SAAS,KAAK,iBAAiB;AACrC,KAAG,UAAU,iBAAiB,QAAQ,EAAE;AACxC,KAAG,iBAAiB,iBAAiB,kBAAkB,OAAO,OAAO;;;;;;;;CASvE,WAGuB;AACrB,SAAO;GACL,GAAG,MAAM,UAAU;GACnB,OAAO,KAAK,SAAS,KAAK,MAAM,UAAU;GAC3C;;;;;;;;;CAUH,aAAa,WACX,EAAE,MAAM,OAAO,GAAG,iBAClB,SACuD;AACvD,SAAO,YAAY,WAAW,OAAO,QAAQ,CAAC,MAC3C,iBAAiB,IAAI,KAAK;GAAE,GAAG;GAAe,OAAO;GAAc,CAAC,CACtE;;;4BAzJI,QAAO,aAAa;4BAEpB,YAAW,wBAAwB;4BAEnC,oBAAmB,CAAC,oBAAoB,SAAS,CAAC;AAyJ3D,cAAc,SAAS,WAAW"}

package/dist/src/filters/Blur.d.ts

@@ -1,49 +0,0 @@
-import { BaseFilter } from './BaseFilter';
-import type { TWebGLPipelineState, T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
-type BlurOwnProps = {
-    blur: number;
-};
-export declare const blurDefaultValues: BlurOwnProps;
-/**
- * Blur filter class
- * @example
- * const filter = new Blur({
- *   blur: 0.5
- * });
- * object.filters.push(filter);
- * object.applyFilters();
- * canvas.renderAll();
- */
-export declare class Blur extends BaseFilter<'Blur', BlurOwnProps> {
-    /**
-     * blur value, in percentage of image dimensions.
-     * specific to keep the image blur constant at different resolutions
-     * range between 0 and 1.
-     * @type Number
-     */
-    blur: BlurOwnProps['blur'];
-    horizontal: boolean;
-    aspectRatio: number;
-    static type: string;
-    static defaults: BlurOwnProps;
-    static uniformLocations: string[];
-    getFragmentSource(): string;
-    applyTo(options: TWebGLPipelineState | T2DPipelineState): void;
-    applyTo2d({ imageData: { data, width, height } }: T2DPipelineState): void;
-    /**
-     * Send data from this filter to its shader program's uniforms.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-     */
-    sendUniformData(gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
-    isNeutralState(): boolean;
-    getBlurValue(): number;
-    /**
-     * choose right value of image percentage to blur with
-     * @returns {Array} a numeric array with delta values
-     */
-    chooseRightDelta(): number[];
-}
-export {};
-//# sourceMappingURL=Blur.d.ts.map

package/dist/src/filters/Blur.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blur.d.ts","sourceRoot":"","sources":["../../../src/filters/Blur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EACV,mBAAmB,EACnB,gBAAgB,EAChB,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAKpB,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,YAE/B,CAAC;AAEF;;;;;;;;;GASG;AACH,qBAAa,IAAK,SAAQ,UAAU,CAAC,MAAM,EAAE,YAAY,CAAC;IACxD;;;;;OAKG;IACK,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAE3B,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IAE5B,MAAM,CAAC,IAAI,SAAU;IAErB,MAAM,CAAC,QAAQ,eAAqB;IAEpC,MAAM,CAAC,gBAAgB,WAAc;IAErC,iBAAiB,IAAI,MAAM;IAI3B,OAAO,CAAC,OAAO,EAAE,mBAAmB,GAAG,gBAAgB;IAkBvD,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,gBAAgB;IA2FlE;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;IAM5C,cAAc;IAId,YAAY,IAAI,MAAM;IAiBtB;;;OAGG;IACH,gBAAgB;CAIjB"}

package/dist/src/filters/Blur.min.mjs

@@ -1,2 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{isWebGLPipelineState as n}from"./utils.min.mjs";import{BaseFilter as r}from"./BaseFilter.min.mjs";import{fragmentSource as i}from"./shaders/blur.min.mjs";var a=class extends r{getFragmentSource(){return i}applyTo(e){n(e)?(this.aspectRatio=e.sourceWidth/e.sourceHeight,e.passes++,this._setupFrameBuffer(e),this.horizontal=!0,this.applyToWebGL(e),this._swapTextures(e),this._setupFrameBuffer(e),this.horizontal=!1,this.applyToWebGL(e),this._swapTextures(e)):this.applyTo2d(e)}applyTo2d({imageData:{data:e,width:t,height:n}}){this.aspectRatio=t/n,this.horizontal=!0;let r=this.getBlurValue()*t,i=new Uint8ClampedArray(e),a=4*t;for(let t=0;t<e.length;t+=4){let n=0,o=0,s=0,c=0,l=0,u=t-t%a,d=u+a;for(let i=-14;i<15;i++){let a=i/15,f=4*Math.floor(r*a),p=1-Math.abs(a),m=t+f;m<u?m=u:m>d&&(m=d);let h=e[m+3]*p;n+=e[m]*h,o+=e[m+1]*h,s+=e[m+2]*h,c+=h,l+=p}i[t]=n/c,i[t+1]=o/c,i[t+2]=s/c,i[t+3]=c/l}this.horizontal=!1,r=this.getBlurValue()*n;for(let t=0;t<i.length;t+=4){let n=0,o=0,s=0,c=0,l=0,u=t%a,d=i.length-a+u;for(let e=-14;e<15;e++){let f=e/15,p=Math.floor(r*f)*a,m=1-Math.abs(f),h=t+p;h<u?h=u:h>d&&(h=d);let g=i[h+3]*m;n+=i[h]*g,o+=i[h+1]*g,s+=i[h+2]*g,c+=g,l+=m}e[t]=n/c,e[t+1]=o/c,e[t+2]=s/c,e[t+3]=c/l}}sendUniformData(e,t){let n=this.chooseRightDelta();e.uniform2fv(t.uDelta,n)}isNeutralState(){return this.blur===0}getBlurValue(){let e=1,{horizontal:t,aspectRatio:n}=this;return t?n>1&&(e=1/n):n<1&&(e=n),e*this.blur*.12}chooseRightDelta(){let e=this.getBlurValue();return this.horizontal?[e,0]:[0,e]}};e(a,`type`,`Blur`),e(a,`defaults`,{blur:0}),e(a,`uniformLocations`,[`uDelta`]),t.setClass(a);export{a as Blur};
-//# sourceMappingURL=Blur.min.mjs.map

package/dist/src/filters/Blur.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blur.min.mjs","names":[],"sources":["../../../src/filters/Blur.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  TWebGLPipelineState,\n  T2DPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/blur';\n\ntype BlurOwnProps = {\n  blur: number;\n};\n\nexport const blurDefaultValues: BlurOwnProps = {\n  blur: 0,\n};\n\n/**\n * Blur filter class\n * @example\n * const filter = new Blur({\n *   blur: 0.5\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class Blur extends BaseFilter<'Blur', BlurOwnProps> {\n  /**\n   * blur value, in percentage of image dimensions.\n   * specific to keep the image blur constant at different resolutions\n   * range between 0 and 1.\n   * @type Number\n   */\n  declare blur: BlurOwnProps['blur'];\n\n  declare horizontal: boolean;\n  declare aspectRatio: number;\n\n  static type = 'Blur';\n\n  static defaults = blurDefaultValues;\n\n  static uniformLocations = ['uDelta'];\n\n  getFragmentSource(): string {\n    return fragmentSource;\n  }\n\n  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      // this aspectRatio is used to give the same blur to vertical and horizontal\n      this.aspectRatio = options.sourceWidth / options.sourceHeight;\n      options.passes++;\n      this._setupFrameBuffer(options);\n      this.horizontal = true;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n      this._setupFrameBuffer(options);\n      this.horizontal = false;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n    } else {\n      this.applyTo2d(options);\n    }\n  }\n\n  applyTo2d({ imageData: { data, width, height } }: T2DPipelineState) {\n    // this code mimic the shader for output consistency\n    // it samples 31 pixels across the image over a distance that depends from the blur value.\n    this.aspectRatio = width / height;\n    this.horizontal = true;\n    let blurValue = this.getBlurValue() * width;\n    const imageData = new Uint8ClampedArray(data);\n    const samples = 15;\n    const bytesInRow = 4 * width;\n    for (let i = 0; i < data.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i - (i % bytesInRow);\n      const maxIRow = minIRow + bytesInRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = 4;\n      // } else if (offset < 1) {\n      //   pixelOffset = -4;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * 4;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = data[sampledPixel + 3] * weight;\n        r += data[sampledPixel] * localAlpha;\n        g += data[sampledPixel + 1] * localAlpha;\n        b += data[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      imageData[i] = r / a;\n      imageData[i + 1] = g / a;\n      imageData[i + 2] = b / a;\n      imageData[i + 3] = a / totalA;\n    }\n    this.horizontal = false;\n    blurValue = this.getBlurValue() * height;\n    for (let i = 0; i < imageData.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i % bytesInRow;\n      const maxIRow = imageData.length - bytesInRow + minIRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = bytesInRow;\n      // } else if (offset < 1) {\n      //   pixelOffset = -bytesInRow;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * bytesInRow;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = imageData[sampledPixel + 3] * weight;\n        r += imageData[sampledPixel] * localAlpha;\n        g += imageData[sampledPixel + 1] * localAlpha;\n        b += imageData[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      data[i] = r / a;\n      data[i + 1] = g / a;\n      data[i + 2] = b / a;\n      data[i + 3] = a / totalA;\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const delta = this.chooseRightDelta();\n    gl.uniform2fv(uniformLocations.uDelta, delta);\n  }\n\n  isNeutralState() {\n    return this.blur === 0;\n  }\n\n  getBlurValue(): number {\n    let blurScale = 1;\n    const { horizontal, aspectRatio } = this;\n    if (horizontal) {\n      if (aspectRatio > 1) {\n        // image is wide, i want to shrink radius horizontal\n        blurScale = 1 / aspectRatio;\n      }\n    } else {\n      if (aspectRatio < 1) {\n        // image is tall, i want to shrink radius vertical\n        blurScale = aspectRatio;\n      }\n    }\n    return blurScale * this.blur * 0.12;\n  }\n\n  /**\n   * choose right value of image percentage to blur with\n   * @returns {Array} a numeric array with delta values\n   */\n  chooseRightDelta() {\n    const blur = this.getBlurValue();\n    return this.horizontal ? [blur, 0] : [0, blur];\n  }\n}\n\nclassRegistry.setClass(Blur);\n"],"mappings":"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"}

package/dist/src/filters/Blur.mjs

@@ -1,129 +0,0 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
-import { classRegistry } from "../ClassRegistry.mjs";
-import { isWebGLPipelineState } from "./utils.mjs";
-import { BaseFilter } from "./BaseFilter.mjs";
-import { fragmentSource } from "./shaders/blur.mjs";
-//#region src/filters/Blur.ts
-const blurDefaultValues = { blur: 0 };
-/**
-* Blur filter class
-* @example
-* const filter = new Blur({
-*   blur: 0.5
-* });
-* object.filters.push(filter);
-* object.applyFilters();
-* canvas.renderAll();
-*/
-var Blur = class extends BaseFilter {
-	getFragmentSource() {
-		return fragmentSource;
-	}
-	applyTo(options) {
-		if (isWebGLPipelineState(options)) {
-			this.aspectRatio = options.sourceWidth / options.sourceHeight;
-			options.passes++;
-			this._setupFrameBuffer(options);
-			this.horizontal = true;
-			this.applyToWebGL(options);
-			this._swapTextures(options);
-			this._setupFrameBuffer(options);
-			this.horizontal = false;
-			this.applyToWebGL(options);
-			this._swapTextures(options);
-		} else this.applyTo2d(options);
-	}
-	applyTo2d({ imageData: { data, width, height } }) {
-		this.aspectRatio = width / height;
-		this.horizontal = true;
-		let blurValue = this.getBlurValue() * width;
-		const imageData = new Uint8ClampedArray(data);
-		const samples = 15;
-		const bytesInRow = 4 * width;
-		for (let i = 0; i < data.length; i += 4) {
-			let r = 0, g = 0, b = 0, a = 0, totalA = 0;
-			const minIRow = i - i % bytesInRow;
-			const maxIRow = minIRow + bytesInRow;
-			for (let j = -samples + 1; j < samples; j++) {
-				const percent = j / samples;
-				const distance = Math.floor(blurValue * percent) * 4;
-				const weight = 1 - Math.abs(percent);
-				let sampledPixel = i + distance;
-				if (sampledPixel < minIRow) sampledPixel = minIRow;
-				else if (sampledPixel > maxIRow) sampledPixel = maxIRow;
-				const localAlpha = data[sampledPixel + 3] * weight;
-				r += data[sampledPixel] * localAlpha;
-				g += data[sampledPixel + 1] * localAlpha;
-				b += data[sampledPixel + 2] * localAlpha;
-				a += localAlpha;
-				totalA += weight;
-			}
-			imageData[i] = r / a;
-			imageData[i + 1] = g / a;
-			imageData[i + 2] = b / a;
-			imageData[i + 3] = a / totalA;
-		}
-		this.horizontal = false;
-		blurValue = this.getBlurValue() * height;
-		for (let i = 0; i < imageData.length; i += 4) {
-			let r = 0, g = 0, b = 0, a = 0, totalA = 0;
-			const minIRow = i % bytesInRow;
-			const maxIRow = imageData.length - bytesInRow + minIRow;
-			for (let j = -samples + 1; j < samples; j++) {
-				const percent = j / samples;
-				const distance = Math.floor(blurValue * percent) * bytesInRow;
-				const weight = 1 - Math.abs(percent);
-				let sampledPixel = i + distance;
-				if (sampledPixel < minIRow) sampledPixel = minIRow;
-				else if (sampledPixel > maxIRow) sampledPixel = maxIRow;
-				const localAlpha = imageData[sampledPixel + 3] * weight;
-				r += imageData[sampledPixel] * localAlpha;
-				g += imageData[sampledPixel + 1] * localAlpha;
-				b += imageData[sampledPixel + 2] * localAlpha;
-				a += localAlpha;
-				totalA += weight;
-			}
-			data[i] = r / a;
-			data[i + 1] = g / a;
-			data[i + 2] = b / a;
-			data[i + 3] = a / totalA;
-		}
-	}
-	/**
-	* Send data from this filter to its shader program's uniforms.
-	*
-	* @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-	* @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-	*/
-	sendUniformData(gl, uniformLocations) {
-		const delta = this.chooseRightDelta();
-		gl.uniform2fv(uniformLocations.uDelta, delta);
-	}
-	isNeutralState() {
-		return this.blur === 0;
-	}
-	getBlurValue() {
-		let blurScale = 1;
-		const { horizontal, aspectRatio } = this;
-		if (horizontal) {
-			if (aspectRatio > 1) blurScale = 1 / aspectRatio;
-		} else if (aspectRatio < 1) blurScale = aspectRatio;
-		return blurScale * this.blur * .12;
-	}
-	/**
-	* choose right value of image percentage to blur with
-	* @returns {Array} a numeric array with delta values
-	*/
-	chooseRightDelta() {
-		const blur = this.getBlurValue();
-		return this.horizontal ? [blur, 0] : [0, blur];
-	}
-};
-_defineProperty(Blur, "type", "Blur");
-_defineProperty(Blur, "defaults", blurDefaultValues);
-_defineProperty(Blur, "uniformLocations", ["uDelta"]);
-classRegistry.setClass(Blur);
-//#endregion
-export { Blur };
-
-//# sourceMappingURL=Blur.mjs.map

package/dist/src/filters/Blur.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Blur.mjs","names":[],"sources":["../../../src/filters/Blur.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  TWebGLPipelineState,\n  T2DPipelineState,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/blur';\n\ntype BlurOwnProps = {\n  blur: number;\n};\n\nexport const blurDefaultValues: BlurOwnProps = {\n  blur: 0,\n};\n\n/**\n * Blur filter class\n * @example\n * const filter = new Blur({\n *   blur: 0.5\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n * canvas.renderAll();\n */\nexport class Blur extends BaseFilter<'Blur', BlurOwnProps> {\n  /**\n   * blur value, in percentage of image dimensions.\n   * specific to keep the image blur constant at different resolutions\n   * range between 0 and 1.\n   * @type Number\n   */\n  declare blur: BlurOwnProps['blur'];\n\n  declare horizontal: boolean;\n  declare aspectRatio: number;\n\n  static type = 'Blur';\n\n  static defaults = blurDefaultValues;\n\n  static uniformLocations = ['uDelta'];\n\n  getFragmentSource(): string {\n    return fragmentSource;\n  }\n\n  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      // this aspectRatio is used to give the same blur to vertical and horizontal\n      this.aspectRatio = options.sourceWidth / options.sourceHeight;\n      options.passes++;\n      this._setupFrameBuffer(options);\n      this.horizontal = true;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n      this._setupFrameBuffer(options);\n      this.horizontal = false;\n      this.applyToWebGL(options);\n      this._swapTextures(options);\n    } else {\n      this.applyTo2d(options);\n    }\n  }\n\n  applyTo2d({ imageData: { data, width, height } }: T2DPipelineState) {\n    // this code mimic the shader for output consistency\n    // it samples 31 pixels across the image over a distance that depends from the blur value.\n    this.aspectRatio = width / height;\n    this.horizontal = true;\n    let blurValue = this.getBlurValue() * width;\n    const imageData = new Uint8ClampedArray(data);\n    const samples = 15;\n    const bytesInRow = 4 * width;\n    for (let i = 0; i < data.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i - (i % bytesInRow);\n      const maxIRow = minIRow + bytesInRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = 4;\n      // } else if (offset < 1) {\n      //   pixelOffset = -4;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * 4;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = data[sampledPixel + 3] * weight;\n        r += data[sampledPixel] * localAlpha;\n        g += data[sampledPixel + 1] * localAlpha;\n        b += data[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      imageData[i] = r / a;\n      imageData[i + 1] = g / a;\n      imageData[i + 2] = b / a;\n      imageData[i + 3] = a / totalA;\n    }\n    this.horizontal = false;\n    blurValue = this.getBlurValue() * height;\n    for (let i = 0; i < imageData.length; i += 4) {\n      let r = 0.0,\n        g = 0.0,\n        b = 0.0,\n        a = 0.0,\n        totalA = 0;\n      const minIRow = i % bytesInRow;\n      const maxIRow = imageData.length - bytesInRow + minIRow;\n      // for now let's keep noise out of the way\n      // let pixelOffset = 0;\n      // const offset = Math.random() * 3;\n      // if (offset > 2) {\n      //   pixelOffset = bytesInRow;\n      // } else if (offset < 1) {\n      //   pixelOffset = -bytesInRow;\n      // }\n      for (let j = -samples + 1; j < samples; j++) {\n        const percent = j / samples;\n        const distance = Math.floor(blurValue * percent) * bytesInRow;\n        const weight = 1 - Math.abs(percent);\n        let sampledPixel = i + distance; // + pixelOffset;\n        // try to implement edge mirroring\n        if (sampledPixel < minIRow) {\n          sampledPixel = minIRow;\n        } else if (sampledPixel > maxIRow) {\n          sampledPixel = maxIRow;\n        }\n        const localAlpha = imageData[sampledPixel + 3] * weight;\n        r += imageData[sampledPixel] * localAlpha;\n        g += imageData[sampledPixel + 1] * localAlpha;\n        b += imageData[sampledPixel + 2] * localAlpha;\n        a += localAlpha;\n        totalA += weight;\n      }\n      data[i] = r / a;\n      data[i + 1] = g / a;\n      data[i + 2] = b / a;\n      data[i + 3] = a / totalA;\n    }\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    const delta = this.chooseRightDelta();\n    gl.uniform2fv(uniformLocations.uDelta, delta);\n  }\n\n  isNeutralState() {\n    return this.blur === 0;\n  }\n\n  getBlurValue(): number {\n    let blurScale = 1;\n    const { horizontal, aspectRatio } = this;\n    if (horizontal) {\n      if (aspectRatio > 1) {\n        // image is wide, i want to shrink radius horizontal\n        blurScale = 1 / aspectRatio;\n      }\n    } else {\n      if (aspectRatio < 1) {\n        // image is tall, i want to shrink radius vertical\n        blurScale = aspectRatio;\n      }\n    }\n    return blurScale * this.blur * 0.12;\n  }\n\n  /**\n   * choose right value of image percentage to blur with\n   * @returns {Array} a numeric array with delta values\n   */\n  chooseRightDelta() {\n    const blur = this.getBlurValue();\n    return this.horizontal ? [blur, 0] : [0, blur];\n  }\n}\n\nclassRegistry.setClass(Blur);\n"],"mappings":"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"}

package/dist/src/filters/Boilerplate.d.ts

@@ -1,45 +0,0 @@
-import { BaseFilter } from './BaseFilter';
-import type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
-type MyFilterOwnProps = {
-    myParameter: number;
-};
-export declare const myFilterDefaultValues: MyFilterOwnProps;
-/**
- * MyFilter filter class
- * @example
- * const filter = new MyFilter({
- *   add here an example of how to use your filter
- * });
- * object.filters.push(filter);
- * object.applyFilters();
- */
-export declare class MyFilter extends BaseFilter<'MyFilter', MyFilterOwnProps> {
-    /**
-     * MyFilter value, from -1 to 1.
-     * translated to -255 to 255 for 2d
-     * 0.0039215686 is the part of 1 that get translated to 1 in 2d
-     * @param {Number} myParameter
-     */
-    myParameter: MyFilterOwnProps['myParameter'];
-    static type: string;
-    static defaults: MyFilterOwnProps;
-    static uniformLocations: string[];
-    getFragmentSource(): string;
-    /**
-     * Apply the MyFilter operation to a Uint8ClampedArray representing the pixels of an image.
-     *
-     * @param {Object} options
-     * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
-     */
-    applyTo2d(options: T2DPipelineState): void;
-    /**
-     * Send data from this filter to its shader program's uniforms.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-     */
-    sendUniformData(gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
-    static fromObject(object: any): Promise<MyFilter>;
-}
-export {};
-//# sourceMappingURL=Boilerplate.d.ts.map

package/dist/src/filters/Boilerplate.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Boilerplate.d.ts","sourceRoot":"","sources":["../../../src/filters/Boilerplate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAE7E,KAAK,gBAAgB,GAAG;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAEnC,CAAC;AAEF;;;;;;;;GAQG;AACH,qBAAa,QAAS,SAAQ,UAAU,CAAC,UAAU,EAAE,gBAAgB,CAAC;IACpE;;;;;OAKG;IACK,WAAW,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAErD,MAAM,CAAC,IAAI,SAAc;IAEzB,MAAM,CAAC,QAAQ,mBAAyB;IAExC,MAAM,CAAC,gBAAgB,WAAoB;IAE3C,iBAAiB;IAajB;;;;;OAKG;IACH,SAAS,CAAC,OAAO,EAAE,gBAAgB;IAWnC;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;WAK/B,UAAU,CAAC,MAAM,EAAE,GAAG,GAAG,OAAO,CAAC,QAAQ,CAAC;CAKxD"}

package/dist/src/filters/Brightness.d.ts

@@ -1,45 +0,0 @@
-import { BaseFilter } from './BaseFilter';
-import type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';
-type BrightnessOwnProps = {
-    brightness: number;
-};
-export declare const brightnessDefaultValues: BrightnessOwnProps;
-/**
- * Brightness filter class
- * @example
- * const filter = new Brightness({
- *   brightness: 0.05
- * });
- * object.filters.push(filter);
- * object.applyFilters();
- */
-export declare class Brightness extends BaseFilter<'Brightness', BrightnessOwnProps> {
-    /**
-     * Brightness value, from -1 to 1.
-     * translated to -255 to 255 for 2d
-     * 0.0039215686 is the part of 1 that get translated to 1 in 2d
-     * @param {Number} brightness
-     */
-    brightness: BrightnessOwnProps['brightness'];
-    static type: string;
-    static defaults: BrightnessOwnProps;
-    static uniformLocations: string[];
-    getFragmentSource(): string;
-    /**
-     * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.
-     *
-     * @param {Object} options
-     * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
-     */
-    applyTo2d({ imageData: { data } }: T2DPipelineState): void;
-    isNeutralState(): boolean;
-    /**
-     * Send data from this filter to its shader program's uniforms.
-     *
-     * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-     * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-     */
-    sendUniformData(gl: WebGLRenderingContext, uniformLocations: TWebGLUniformLocationMap): void;
-}
-export {};
-//# sourceMappingURL=Brightness.d.ts.map

package/dist/src/filters/Brightness.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Brightness.d.ts","sourceRoot":"","sources":["../../../src/filters/Brightness.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAC;AAI7E,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,kBAErC,CAAC;AAEF;;;;;;;;GAQG;AACH,qBAAa,UAAW,SAAQ,UAAU,CAAC,YAAY,EAAE,kBAAkB,CAAC;IAC1E;;;;;OAKG;IACK,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAErD,MAAM,CAAC,IAAI,SAAgB;IAE3B,MAAM,CAAC,QAAQ,qBAA2B;IAE1C,MAAM,CAAC,gBAAgB,WAAmB;IAE1C,iBAAiB;IAIjB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,gBAAgB;IASnD,cAAc;IAId;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;CAI7C"}

package/dist/src/filters/Brightness.min.mjs

@@ -1,2 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{BaseFilter as n}from"./BaseFilter.min.mjs";import{fragmentSource as r}from"./shaders/brightness.min.mjs";var i=class extends n{getFragmentSource(){return r}applyTo2d({imageData:{data:e}}){let t=Math.round(255*this.brightness);for(let n=0;n<e.length;n+=4)e[n]+=t,e[n+1]+=t,e[n+2]+=t}isNeutralState(){return this.brightness===0}sendUniformData(e,t){e.uniform1f(t.uBrightness,this.brightness)}};e(i,`type`,`Brightness`),e(i,`defaults`,{brightness:0}),e(i,`uniformLocations`,[`uBrightness`]),t.setClass(i);export{i as Brightness};
-//# sourceMappingURL=Brightness.min.mjs.map

package/dist/src/filters/Brightness.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Brightness.min.mjs","names":[],"sources":["../../../src/filters/Brightness.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/brightness';\n\ntype BrightnessOwnProps = {\n  brightness: number;\n};\n\nexport const brightnessDefaultValues: BrightnessOwnProps = {\n  brightness: 0,\n};\n\n/**\n * Brightness filter class\n * @example\n * const filter = new Brightness({\n *   brightness: 0.05\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n */\nexport class Brightness extends BaseFilter<'Brightness', BrightnessOwnProps> {\n  /**\n   * Brightness value, from -1 to 1.\n   * translated to -255 to 255 for 2d\n   * 0.0039215686 is the part of 1 that get translated to 1 in 2d\n   * @param {Number} brightness\n   */\n  declare brightness: BrightnessOwnProps['brightness'];\n\n  static type = 'Brightness';\n\n  static defaults = brightnessDefaultValues;\n\n  static uniformLocations = ['uBrightness'];\n\n  getFragmentSource() {\n    return fragmentSource;\n  }\n\n  /**\n   * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\n   */\n  applyTo2d({ imageData: { data } }: T2DPipelineState) {\n    const brightness = Math.round(this.brightness * 255);\n    for (let i = 0; i < data.length; i += 4) {\n      data[i] += brightness;\n      data[i + 1] += brightness;\n      data[i + 2] += brightness;\n    }\n  }\n\n  isNeutralState() {\n    return this.brightness === 0;\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    gl.uniform1f(uniformLocations.uBrightness, this.brightness);\n  }\n}\n\nclassRegistry.setClass(Brightness);\n"],"mappings":"uRAsBA,IAAa,EAAb,cAAgC,CAAA,CAe9B,mBAAA,CACE,OAAO,EAST,UAAA,CAAY,UAAA,CAAW,KAAE,IAAA,CACvB,IAAM,EAAa,KAAK,MAAwB,IAAlB,KAAK,WAAA,CACnC,IAAK,IAAI,EAAI,EAAG,EAAI,EAAK,OAAQ,GAAK,EACpC,EAAK,IAAM,EACX,EAAK,EAAI,IAAM,EACf,EAAK,EAAI,IAAM,EAInB,gBAAA,CACE,OAAO,KAAK,aAAe,EAS7B,gBACE,EACA,EAAA,CAEA,EAAG,UAAU,EAAiB,YAAa,KAAK,WAAA,GAAA,EAAA,EAvC3C,OAAO,aAAA,CAAA,EAAA,EAEP,WAxBkD,CACzD,WAAY,EAAA,CAAA,CAAA,EAAA,EAyBL,mBAAmB,CAAC,cAAA,CAAA,CAuC7B,EAAc,SAAS,EAAA,CAAA,OAAA,KAAA"}

package/dist/src/filters/Brightness.mjs

@@ -1,54 +0,0 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
-import { classRegistry } from "../ClassRegistry.mjs";
-import { BaseFilter } from "./BaseFilter.mjs";
-import { fragmentSource } from "./shaders/brightness.mjs";
-//#region src/filters/Brightness.ts
-const brightnessDefaultValues = { brightness: 0 };
-/**
-* Brightness filter class
-* @example
-* const filter = new Brightness({
-*   brightness: 0.05
-* });
-* object.filters.push(filter);
-* object.applyFilters();
-*/
-var Brightness = class extends BaseFilter {
-	getFragmentSource() {
-		return fragmentSource;
-	}
-	/**
-	* Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.
-	*
-	* @param {Object} options
-	* @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.
-	*/
-	applyTo2d({ imageData: { data } }) {
-		const brightness = Math.round(this.brightness * 255);
-		for (let i = 0; i < data.length; i += 4) {
-			data[i] += brightness;
-			data[i + 1] += brightness;
-			data[i + 2] += brightness;
-		}
-	}
-	isNeutralState() {
-		return this.brightness === 0;
-	}
-	/**
-	* Send data from this filter to its shader program's uniforms.
-	*
-	* @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.
-	* @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects
-	*/
-	sendUniformData(gl, uniformLocations) {
-		gl.uniform1f(uniformLocations.uBrightness, this.brightness);
-	}
-};
-_defineProperty(Brightness, "type", "Brightness");
-_defineProperty(Brightness, "defaults", brightnessDefaultValues);
-_defineProperty(Brightness, "uniformLocations", ["uBrightness"]);
-classRegistry.setClass(Brightness);
-//#endregion
-export { Brightness };
-
-//# sourceMappingURL=Brightness.mjs.map

package/dist/src/filters/Brightness.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Brightness.mjs","names":[],"sources":["../../../src/filters/Brightness.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TWebGLUniformLocationMap } from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/brightness';\n\ntype BrightnessOwnProps = {\n  brightness: number;\n};\n\nexport const brightnessDefaultValues: BrightnessOwnProps = {\n  brightness: 0,\n};\n\n/**\n * Brightness filter class\n * @example\n * const filter = new Brightness({\n *   brightness: 0.05\n * });\n * object.filters.push(filter);\n * object.applyFilters();\n */\nexport class Brightness extends BaseFilter<'Brightness', BrightnessOwnProps> {\n  /**\n   * Brightness value, from -1 to 1.\n   * translated to -255 to 255 for 2d\n   * 0.0039215686 is the part of 1 that get translated to 1 in 2d\n   * @param {Number} brightness\n   */\n  declare brightness: BrightnessOwnProps['brightness'];\n\n  static type = 'Brightness';\n\n  static defaults = brightnessDefaultValues;\n\n  static uniformLocations = ['uBrightness'];\n\n  getFragmentSource() {\n    return fragmentSource;\n  }\n\n  /**\n   * Apply the Brightness operation to a Uint8ClampedArray representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8ClampedArray to be filtered.\n   */\n  applyTo2d({ imageData: { data } }: T2DPipelineState) {\n    const brightness = Math.round(this.brightness * 255);\n    for (let i = 0; i < data.length; i += 4) {\n      data[i] += brightness;\n      data[i + 1] += brightness;\n      data[i + 2] += brightness;\n    }\n  }\n\n  isNeutralState() {\n    return this.brightness === 0;\n  }\n\n  /**\n   * Send data from this filter to its shader program's uniforms.\n   *\n   * @param {WebGLRenderingContext} gl The GL canvas context used to compile this filter's shader.\n   * @param {Object} uniformLocations A map of string uniform names to WebGLUniformLocation objects\n   */\n  sendUniformData(\n    gl: WebGLRenderingContext,\n    uniformLocations: TWebGLUniformLocationMap,\n  ) {\n    gl.uniform1f(uniformLocations.uBrightness, this.brightness);\n  }\n}\n\nclassRegistry.setClass(Brightness);\n"],"mappings":";;;;;AASA,MAAa,0BAA8C,EACzD,YAAY,GACb;;;;;;;;;;AAWD,IAAa,aAAb,cAAgC,WAA6C;CAe3E,oBAAoB;AAClB,SAAO;;;;;;;;CAST,UAAU,EAAE,WAAW,EAAE,UAA4B;EACnD,MAAM,aAAa,KAAK,MAAM,KAAK,aAAa,IAAI;AACpD,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK,GAAG;AACvC,QAAK,MAAM;AACX,QAAK,IAAI,MAAM;AACf,QAAK,IAAI,MAAM;;;CAInB,iBAAiB;AACf,SAAO,KAAK,eAAe;;;;;;;;CAS7B,gBACE,IACA,kBACA;AACA,KAAG,UAAU,iBAAiB,aAAa,KAAK,WAAW;;;4BAvCtD,QAAO,aAAa;4BAEpB,YAAW,wBAAwB;4BAEnC,oBAAmB,CAAC,cAAc,CAAC;AAuC5C,cAAc,SAAS,WAAW"}

package/dist/src/filters/Canvas2dFilterBackend.d.ts

@@ -1,27 +0,0 @@
-/**
- * Canvas 2D filter backend.
- */
-import type { BaseFilter } from './BaseFilter';
-import type { T2DPipelineState, TPipelineResources } from './typedefs';
-export declare class Canvas2dFilterBackend {
-    /**
-     * Experimental. This object is a sort of repository of help layers used to avoid
-     * of recreating them during frequent filtering. If you are previewing a filter with
-     * a slider you probably do not want to create help layers every filter step.
-     * in this object there will be appended some canvases, created once, resized sometimes
-     * cleared never. Clearing is left to the developer.
-     **/
-    resources: TPipelineResources;
-    /**
-     * Apply a set of filters against a source image and draw the filtered output
-     * to the provided destination canvas.
-     *
-     * @param {EnhancedFilter} filters The filter to apply.
-     * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.
-     * @param {Number} sourceWidth The width of the source input.
-     * @param {Number} sourceHeight The height of the source input.
-     * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.
-     */
-    applyFilters(filters: BaseFilter<string>[], sourceElement: CanvasImageSource, sourceWidth: number, sourceHeight: number, targetCanvas: HTMLCanvasElement): T2DPipelineState | void;
-}
-//# sourceMappingURL=Canvas2dFilterBackend.d.ts.map