@nasser-sw/fabric 7.0.0-beta1

package/dist/src/filters/Brightness.mjs

@@ -0,0 +1,69 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { BaseFilter } from './BaseFilter.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { fragmentSource } from './shaders/brightness.mjs';
+
+const brightnessDefaultValues = {
+  brightness: 0
+};
+
+/**
+ * Brightness filter class
+ * @example
+ * const filter = new Brightness({
+ *   brightness: 0.05
+ * });
+ * object.filters.push(filter);
+ * object.applyFilters();
+ */
+class Brightness 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(_ref) {
+    let {
+      imageData: {
+        data
+      }
+    } = _ref;
+    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);
+  }
+}
+/**
+ * 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
+ */
+_defineProperty(Brightness, "type", 'Brightness');
+_defineProperty(Brightness, "defaults", brightnessDefaultValues);
+_defineProperty(Brightness, "uniformLocations", ['uBrightness']);
+classRegistry.setClass(Brightness);
+
+export { Brightness, brightnessDefaultValues };
+//# sourceMappingURL=Brightness.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Brightness.mjs","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"],"names":["brightnessDefaultValues","brightness","Brightness","BaseFilter","getFragmentSource","fragmentSource","applyTo2d","_ref","imageData","data","Math","round","i","length","isNeutralState","sendUniformData","gl","uniformLocations","uniform1f","uBrightness","_defineProperty","classRegistry","setClass"],"mappings":";;;;;AASO,MAAMA,uBAA2C,GAAG;AACzDC,EAAAA,UAAU,EAAE;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,SAASC,UAAU,CAAmC;AAe3EC,EAAAA,iBAAiBA,GAAG;AAClB,IAAA,OAAOC,cAAc;AACvB,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;EACEC,SAASA,CAAAC,IAAA,EAA4C;IAAA,IAA3C;AAAEC,MAAAA,SAAS,EAAE;AAAEC,QAAAA;AAAK;AAAoB,KAAC,GAAAF,IAAA;IACjD,MAAMN,UAAU,GAAGS,IAAI,CAACC,KAAK,CAAC,IAAI,CAACV,UAAU,GAAG,GAAG,CAAC;AACpD,IAAA,KAAK,IAAIW,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGH,IAAI,CAACI,MAAM,EAAED,CAAC,IAAI,CAAC,EAAE;AACvCH,MAAAA,IAAI,CAACG,CAAC,CAAC,IAAIX,UAAU;AACrBQ,MAAAA,IAAI,CAACG,CAAC,GAAG,CAAC,CAAC,IAAIX,UAAU;AACzBQ,MAAAA,IAAI,CAACG,CAAC,GAAG,CAAC,CAAC,IAAIX,UAAU;AAC3B,IAAA;AACF,EAAA;AAEAa,EAAAA,cAAcA,GAAG;AACf,IAAA,OAAO,IAAI,CAACb,UAAU,KAAK,CAAC;AAC9B,EAAA;;AAEA;AACF;AACA;AACA;AACA;AACA;AACEc,EAAAA,eAAeA,CACbC,EAAyB,EACzBC,gBAA0C,EAC1C;IACAD,EAAE,CAACE,SAAS,CAACD,gBAAgB,CAACE,WAAW,EAAE,IAAI,CAAClB,UAAU,CAAC;AAC7D,EAAA;AACF;AAjDE;AACF;AACA;AACA;AACA;AACA;AALEmB,eAAA,CADWlB,UAAU,EAAA,MAAA,EASP,YAAY,CAAA;AAAAkB,eAAA,CATflB,UAAU,EAAA,UAAA,EAWHF,uBAAuB,CAAA;AAAAoB,eAAA,CAX9BlB,UAAU,EAAA,kBAAA,EAaK,CAAC,aAAa,CAAC,CAAA;AAuC3CmB,aAAa,CAACC,QAAQ,CAACpB,UAAU,CAAC;;;;"}

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

@@ -0,0 +1,27 @@
+/**
+ * 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, Record<string, any>>[], sourceElement: CanvasImageSource, sourceWidth: number, sourceHeight: number, targetCanvas: HTMLCanvasElement): T2DPipelineState | void;
+}
+//# sourceMappingURL=Canvas2dFilterBackend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas2dFilterBackend.d.ts","sourceRoot":"","sources":["../../../src/filters/Canvas2dFilterBackend.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEvE,qBAAa,qBAAqB;IAChC;;;;;;QAMI;IACJ,SAAS,EAAE,kBAAkB,CAAM;IAEnC;;;;;;;;;OASG;IACH,YAAY,CACV,OAAO,EAAE,UAAU,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,EAAE,EAClD,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,MAAM,EACnB,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,iBAAiB,GAC9B,gBAAgB,GAAG,IAAI;CAmC3B"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";class e{constructor(){t(this,"resources",{})}applyFilters(t,e,a,i,r){const o=r.getContext("2d",{willReadFrequently:!0,desynchronized:!0});if(!o)return;o.drawImage(e,0,0,a,i);const l={sourceWidth:a,sourceHeight:i,imageData:o.getImageData(0,0,a,i),originalEl:e,originalImageData:o.getImageData(0,0,a,i),canvasEl:r,ctx:o,filterBackend:this};t.forEach(t=>{t.applyTo(l)});const{imageData:s}=l;return s.width===a&&s.height===i||(r.width=s.width,r.height=s.height),o.putImageData(s,0,0),l}}export{e as Canvas2dFilterBackend};
+//# sourceMappingURL=Canvas2dFilterBackend.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas2dFilterBackend.min.mjs","sources":["../../../src/filters/Canvas2dFilterBackend.ts"],"sourcesContent":["/**\n * Canvas 2D filter backend.\n */\nimport type { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TPipelineResources } from './typedefs';\n\nexport class Canvas2dFilterBackend {\n  /**\n   * Experimental. This object is a sort of repository of help layers used to avoid\n   * of recreating them during frequent filtering. If you are previewing a filter with\n   * a slider you probably do not want to create help layers every filter step.\n   * in this object there will be appended some canvases, created once, resized sometimes\n   * cleared never. Clearing is left to the developer.\n   **/\n  resources: TPipelineResources = {};\n\n  /**\n   * Apply a set of filters against a source image and draw the filtered output\n   * to the provided destination canvas.\n   *\n   * @param {EnhancedFilter} filters The filter to apply.\n   * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.\n   * @param {Number} sourceWidth The width of the source input.\n   * @param {Number} sourceHeight The height of the source input.\n   * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\n   */\n  applyFilters(\n    filters: BaseFilter<string, Record<string, any>>[],\n    sourceElement: CanvasImageSource,\n    sourceWidth: number,\n    sourceHeight: number,\n    targetCanvas: HTMLCanvasElement,\n  ): T2DPipelineState | void {\n    const ctx = targetCanvas.getContext('2d', {\n      willReadFrequently: true,\n      desynchronized: true,\n    });\n    if (!ctx) {\n      return;\n    }\n    ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);\n    const imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\n    const originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\n    const pipelineState: T2DPipelineState = {\n      sourceWidth,\n      sourceHeight,\n      imageData,\n      originalEl: sourceElement,\n      originalImageData,\n      canvasEl: targetCanvas,\n      ctx,\n      filterBackend: this,\n    };\n    filters.forEach((filter) => {\n      filter.applyTo(pipelineState);\n    });\n    const { imageData: imageDataPostFilter } = pipelineState;\n    if (\n      imageDataPostFilter.width !== sourceWidth ||\n      imageDataPostFilter.height !== sourceHeight\n    ) {\n      targetCanvas.width = imageDataPostFilter.width;\n      targetCanvas.height = imageDataPostFilter.height;\n    }\n    ctx.putImageData(imageDataPostFilter, 0, 0);\n    return pipelineState;\n  }\n}\n"],"names":["Canvas2dFilterBackend","constructor","_defineProperty","this","applyFilters","filters","sourceElement","sourceWidth","sourceHeight","targetCanvas","ctx","getContext","willReadFrequently","desynchronized","drawImage","pipelineState","imageData","getImageData","originalEl","originalImageData","canvasEl","filterBackend","forEach","filter","applyTo","imageDataPostFilter","width","height","putImageData"],"mappings":"kFAMO,MAAMA,EAAsBC,WAAAA,GACjCC,EAAAC,KAAA,YAOgC,GAAE,CAYlCC,YAAAA,CACEC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAMD,EAAaE,WAAW,KAAM,CACxCC,oBAAoB,EACpBC,gBAAgB,IAElB,IAAKH,EACH,OAEFA,EAAII,UAAUR,EAAe,EAAG,EAAGC,EAAaC,GAChD,MAEMO,EAAkC,CACtCR,cACAC,eACAQ,UALgBN,EAAIO,aAAa,EAAG,EAAGV,EAAaC,GAMpDU,WAAYZ,EACZa,kBANwBT,EAAIO,aAAa,EAAG,EAAGV,EAAaC,GAO5DY,SAAUX,EACVC,MACAW,cAAelB,MAEjBE,EAAQiB,QAASC,IACfA,EAAOC,QAAQT,KAEjB,MAAQC,UAAWS,GAAwBV,EAS3C,OAPEU,EAAoBC,QAAUnB,GAC9BkB,EAAoBE,SAAWnB,IAE/BC,EAAaiB,MAAQD,EAAoBC,MACzCjB,EAAakB,OAASF,EAAoBE,QAE5CjB,EAAIkB,aAAaH,EAAqB,EAAG,GAClCV,CACT"}

package/dist/src/filters/Canvas2dFilterBackend.mjs

@@ -0,0 +1,65 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+
+/**
+ * Canvas 2D filter backend.
+ */
+
+class Canvas2dFilterBackend {
+  constructor() {
+    /**
+     * 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.
+     **/
+    _defineProperty(this, "resources", {});
+  }
+  /**
+   * 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, sourceElement, sourceWidth, sourceHeight, targetCanvas) {
+    const ctx = targetCanvas.getContext('2d', {
+      willReadFrequently: true,
+      desynchronized: true
+    });
+    if (!ctx) {
+      return;
+    }
+    ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);
+    const imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);
+    const originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);
+    const pipelineState = {
+      sourceWidth,
+      sourceHeight,
+      imageData,
+      originalEl: sourceElement,
+      originalImageData,
+      canvasEl: targetCanvas,
+      ctx,
+      filterBackend: this
+    };
+    filters.forEach(filter => {
+      filter.applyTo(pipelineState);
+    });
+    const {
+      imageData: imageDataPostFilter
+    } = pipelineState;
+    if (imageDataPostFilter.width !== sourceWidth || imageDataPostFilter.height !== sourceHeight) {
+      targetCanvas.width = imageDataPostFilter.width;
+      targetCanvas.height = imageDataPostFilter.height;
+    }
+    ctx.putImageData(imageDataPostFilter, 0, 0);
+    return pipelineState;
+  }
+}
+
+export { Canvas2dFilterBackend };
+//# sourceMappingURL=Canvas2dFilterBackend.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Canvas2dFilterBackend.mjs","sources":["../../../src/filters/Canvas2dFilterBackend.ts"],"sourcesContent":["/**\n * Canvas 2D filter backend.\n */\nimport type { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TPipelineResources } from './typedefs';\n\nexport class Canvas2dFilterBackend {\n  /**\n   * Experimental. This object is a sort of repository of help layers used to avoid\n   * of recreating them during frequent filtering. If you are previewing a filter with\n   * a slider you probably do not want to create help layers every filter step.\n   * in this object there will be appended some canvases, created once, resized sometimes\n   * cleared never. Clearing is left to the developer.\n   **/\n  resources: TPipelineResources = {};\n\n  /**\n   * Apply a set of filters against a source image and draw the filtered output\n   * to the provided destination canvas.\n   *\n   * @param {EnhancedFilter} filters The filter to apply.\n   * @param {HTMLImageElement|HTMLCanvasElement} sourceElement The source to be filtered.\n   * @param {Number} sourceWidth The width of the source input.\n   * @param {Number} sourceHeight The height of the source input.\n   * @param {HTMLCanvasElement} targetCanvas The destination for filtered output to be drawn.\n   */\n  applyFilters(\n    filters: BaseFilter<string, Record<string, any>>[],\n    sourceElement: CanvasImageSource,\n    sourceWidth: number,\n    sourceHeight: number,\n    targetCanvas: HTMLCanvasElement,\n  ): T2DPipelineState | void {\n    const ctx = targetCanvas.getContext('2d', {\n      willReadFrequently: true,\n      desynchronized: true,\n    });\n    if (!ctx) {\n      return;\n    }\n    ctx.drawImage(sourceElement, 0, 0, sourceWidth, sourceHeight);\n    const imageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\n    const originalImageData = ctx.getImageData(0, 0, sourceWidth, sourceHeight);\n    const pipelineState: T2DPipelineState = {\n      sourceWidth,\n      sourceHeight,\n      imageData,\n      originalEl: sourceElement,\n      originalImageData,\n      canvasEl: targetCanvas,\n      ctx,\n      filterBackend: this,\n    };\n    filters.forEach((filter) => {\n      filter.applyTo(pipelineState);\n    });\n    const { imageData: imageDataPostFilter } = pipelineState;\n    if (\n      imageDataPostFilter.width !== sourceWidth ||\n      imageDataPostFilter.height !== sourceHeight\n    ) {\n      targetCanvas.width = imageDataPostFilter.width;\n      targetCanvas.height = imageDataPostFilter.height;\n    }\n    ctx.putImageData(imageDataPostFilter, 0, 0);\n    return pipelineState;\n  }\n}\n"],"names":["Canvas2dFilterBackend","constructor","_defineProperty","applyFilters","filters","sourceElement","sourceWidth","sourceHeight","targetCanvas","ctx","getContext","willReadFrequently","desynchronized","drawImage","imageData","getImageData","originalImageData","pipelineState","originalEl","canvasEl","filterBackend","forEach","filter","applyTo","imageDataPostFilter","width","height","putImageData"],"mappings":";;AAAA;AACA;AACA;;AAIO,MAAMA,qBAAqB,CAAC;EAAAC,WAAAA,GAAA;AACjC;AACF;AACA;AACA;AACA;AACA;AACA;IANEC,eAAA,CAAA,IAAA,EAAA,WAAA,EAOgC,EAAE,CAAA;AAAA,EAAA;AAElC;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACEC,YAAYA,CACVC,OAAkD,EAClDC,aAAgC,EAChCC,WAAmB,EACnBC,YAAoB,EACpBC,YAA+B,EACN;AACzB,IAAA,MAAMC,GAAG,GAAGD,YAAY,CAACE,UAAU,CAAC,IAAI,EAAE;AACxCC,MAAAA,kBAAkB,EAAE,IAAI;AACxBC,MAAAA,cAAc,EAAE;AAClB,KAAC,CAAC;IACF,IAAI,CAACH,GAAG,EAAE;AACR,MAAA;AACF,IAAA;AACAA,IAAAA,GAAG,CAACI,SAAS,CAACR,aAAa,EAAE,CAAC,EAAE,CAAC,EAAEC,WAAW,EAAEC,YAAY,CAAC;AAC7D,IAAA,MAAMO,SAAS,GAAGL,GAAG,CAACM,YAAY,CAAC,CAAC,EAAE,CAAC,EAAET,WAAW,EAAEC,YAAY,CAAC;AACnE,IAAA,MAAMS,iBAAiB,GAAGP,GAAG,CAACM,YAAY,CAAC,CAAC,EAAE,CAAC,EAAET,WAAW,EAAEC,YAAY,CAAC;AAC3E,IAAA,MAAMU,aAA+B,GAAG;MACtCX,WAAW;MACXC,YAAY;MACZO,SAAS;AACTI,MAAAA,UAAU,EAAEb,aAAa;MACzBW,iBAAiB;AACjBG,MAAAA,QAAQ,EAAEX,YAAY;MACtBC,GAAG;AACHW,MAAAA,aAAa,EAAE;KAChB;AACDhB,IAAAA,OAAO,CAACiB,OAAO,CAAEC,MAAM,IAAK;AAC1BA,MAAAA,MAAM,CAACC,OAAO,CAACN,aAAa,CAAC;AAC/B,IAAA,CAAC,CAAC;IACF,MAAM;AAAEH,MAAAA,SAAS,EAAEU;AAAoB,KAAC,GAAGP,aAAa;IACxD,IACEO,mBAAmB,CAACC,KAAK,KAAKnB,WAAW,IACzCkB,mBAAmB,CAACE,MAAM,KAAKnB,YAAY,EAC3C;AACAC,MAAAA,YAAY,CAACiB,KAAK,GAAGD,mBAAmB,CAACC,KAAK;AAC9CjB,MAAAA,YAAY,CAACkB,MAAM,GAAGF,mBAAmB,CAACE,MAAM;AAClD,IAAA;IACAjB,GAAG,CAACkB,YAAY,CAACH,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC;AAC3C,IAAA,OAAOP,aAAa;AACtB,EAAA;AACF;;;;"}

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

@@ -0,0 +1,62 @@
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TMatColorMatrix, TWebGLUniformLocationMap } from './typedefs';
+export type ColorMatrixOwnProps = {
+    matrix: TMatColorMatrix;
+    colorsOnly: boolean;
+};
+export declare const colorMatrixDefaultValues: ColorMatrixOwnProps;
+/**
+   * Color Matrix filter class
+   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}
+   * @see {@link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl demo}
+   * @example <caption>Kodachrome filter</caption>
+   * const filter = new ColorMatrix({
+   *  matrix: [
+       1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,
+       -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,
+       -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,
+       0, 0, 0, 1, 0
+      ]
+   * });
+   * object.filters.push(filter);
+   * object.applyFilters();
+   */
+export declare class ColorMatrix<Name extends string = 'ColorMatrix', OwnProps extends object = ColorMatrixOwnProps, SerializedProps extends object = ColorMatrixOwnProps> extends BaseFilter<Name, OwnProps, SerializedProps> {
+    /**
+     * Colormatrix for pixels.
+     * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning
+     * outside the -1, 1 range.
+     * 0.0039215686 is the part of 1 that get translated to 1 in 2d
+     * @param {Array} matrix array of 20 numbers.
+     */
+    matrix: ColorMatrixOwnProps['matrix'];
+    /**
+     * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario
+     * to save some calculation
+     * @type Boolean
+     * @default true
+     */
+    colorsOnly: ColorMatrixOwnProps['colorsOnly'];
+    static type: string;
+    static defaults: ColorMatrixOwnProps;
+    static uniformLocations: string[];
+    getFragmentSource(): string;
+    /**
+     * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.
+     *
+     * @param {Object} options
+     * @param {ImageData} options.imageData The Uint8Array 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;
+    toObject(): {
+        type: Name;
+    } & SerializedProps;
+}
+//# sourceMappingURL=ColorMatrix.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMatrix.d.ts","sourceRoot":"","sources":["../../../src/filters/ColorMatrix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,wBAAwB,EACzB,MAAM,YAAY,CAAC;AAIpB,MAAM,MAAM,mBAAmB,GAAG;IAChC,MAAM,EAAE,eAAe,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,mBAGtC,CAAC;AAEF;;;;;;;;;;;;;;;KAeK;AACL,qBAAa,WAAW,CACtB,IAAI,SAAS,MAAM,GAAG,aAAa,EACnC,QAAQ,SAAS,MAAM,GAAG,mBAAmB,EAC7C,eAAe,SAAS,MAAM,GAAG,mBAAmB,CACpD,SAAQ,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,eAAe,CAAC;IACnD;;;;;;OAMG;IACK,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAE9C;;;;;OAKG;IACK,UAAU,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAC;IAEtD,MAAM,CAAC,IAAI,SAAiB;IAE5B,MAAM,CAAC,QAAQ,sBAA4B;IAE3C,MAAM,CAAC,gBAAgB,WAAkC;IAEzD,iBAAiB,IAAI,MAAM;IAI3B;;;;;OAKG;IACH,SAAS,CAAC,OAAO,EAAE,gBAAgB;IAyBnC;;;;;OAKG;IACH,eAAe,CACb,EAAE,EAAE,qBAAqB,EACzB,gBAAgB,EAAE,wBAAwB;IA0B5C,QAAQ,IAAI;QAAE,IAAI,EAAE,IAAI,CAAA;KAAE,GAAG,eAAe;CAM7C"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{BaseFilter as r}from"./BaseFilter.min.mjs";import{classRegistry as o}from"../ClassRegistry.min.mjs";import{fragmentSource as s}from"./shaders/colorMatrix.min.mjs";const i={matrix:[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],colorsOnly:!0};class a extends r{getFragmentSource(){return s}applyTo2d(t){const r=t.imageData.data,o=this.matrix,s=this.colorsOnly;for(let t=0;t<r.length;t+=4){const i=r[t],a=r[t+1],e=r[t+2];if(r[t]=i*o[0]+a*o[1]+e*o[2]+255*o[4],r[t+1]=i*o[5]+a*o[6]+e*o[7]+255*o[9],r[t+2]=i*o[10]+a*o[11]+e*o[12]+255*o[14],!s){const s=r[t+3];r[t]+=s*o[3],r[t+1]+=s*o[8],r[t+2]+=s*o[13],r[t+3]=i*o[15]+a*o[16]+e*o[17]+s*o[18]+255*o[19]}}}sendUniformData(t,r){const o=this.matrix,s=[o[0],o[1],o[2],o[3],o[5],o[6],o[7],o[8],o[10],o[11],o[12],o[13],o[15],o[16],o[17],o[18]],i=[o[4],o[9],o[14],o[19]];t.uniformMatrix4fv(r.uColorMatrix,!1,s),t.uniform4fv(r.uConstants,i)}toObject(){return{...super.toObject(),matrix:[...this.matrix]}}}t(a,"type","ColorMatrix"),t(a,"defaults",i),t(a,"uniformLocations",["uColorMatrix","uConstants"]),o.setClass(a);export{a as ColorMatrix,i as colorMatrixDefaultValues};
+//# sourceMappingURL=ColorMatrix.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMatrix.min.mjs","sources":["../../../src/filters/ColorMatrix.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  T2DPipelineState,\n  TMatColorMatrix,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/colorMatrix';\n\nexport type ColorMatrixOwnProps = {\n  matrix: TMatColorMatrix;\n  colorsOnly: boolean;\n};\n\nexport const colorMatrixDefaultValues: ColorMatrixOwnProps = {\n  matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],\n  colorsOnly: true,\n};\n\n/**\n   * Color Matrix filter class\n   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\n   * @see {@link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl demo}\n   * @example <caption>Kodachrome filter</caption>\n   * const filter = new ColorMatrix({\n   *  matrix: [\n       1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,\n       -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,\n       -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,\n       0, 0, 0, 1, 0\n      ]\n   * });\n   * object.filters.push(filter);\n   * object.applyFilters();\n   */\nexport class ColorMatrix<\n  Name extends string = 'ColorMatrix',\n  OwnProps extends object = ColorMatrixOwnProps,\n  SerializedProps extends object = ColorMatrixOwnProps,\n> extends BaseFilter<Name, OwnProps, SerializedProps> {\n  /**\n   * Colormatrix for pixels.\n   * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\n   * outside the -1, 1 range.\n   * 0.0039215686 is the part of 1 that get translated to 1 in 2d\n   * @param {Array} matrix array of 20 numbers.\n   */\n  declare matrix: ColorMatrixOwnProps['matrix'];\n\n  /**\n   * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario\n   * to save some calculation\n   * @type Boolean\n   * @default true\n   */\n  declare colorsOnly: ColorMatrixOwnProps['colorsOnly'];\n\n  static type = 'ColorMatrix';\n\n  static defaults = colorMatrixDefaultValues;\n\n  static uniformLocations = ['uColorMatrix', 'uConstants'];\n\n  getFragmentSource(): string {\n    return fragmentSource;\n  }\n\n  /**\n   * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8Array to be filtered.\n   */\n  applyTo2d(options: T2DPipelineState) {\n    const imageData = options.imageData,\n      data = imageData.data,\n      m = this.matrix,\n      colorsOnly = this.colorsOnly;\n\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\n      data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;\n      data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;\n      data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;\n      if (!colorsOnly) {\n        const a = data[i + 3];\n        data[i] += a * m[3];\n        data[i + 1] += a * m[8];\n        data[i + 2] += a * m[13];\n        data[i + 3] =\n          r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;\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 m = this.matrix,\n      matrix = [\n        m[0],\n        m[1],\n        m[2],\n        m[3],\n        m[5],\n        m[6],\n        m[7],\n        m[8],\n        m[10],\n        m[11],\n        m[12],\n        m[13],\n        m[15],\n        m[16],\n        m[17],\n        m[18],\n      ],\n      constants = [m[4], m[9], m[14], m[19]];\n    gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);\n    gl.uniform4fv(uniformLocations.uConstants, constants);\n  }\n\n  toObject(): { type: Name } & SerializedProps {\n    return {\n      ...super.toObject(),\n      matrix: [...this.matrix] as TMatColorMatrix,\n    };\n  }\n}\n\nclassRegistry.setClass(ColorMatrix);\n"],"names":["colorMatrixDefaultValues","matrix","colorsOnly","ColorMatrix","BaseFilter","getFragmentSource","fragmentSource","applyTo2d","options","data","imageData","m","this","i","length","r","g","b","a","sendUniformData","gl","uniformLocations","constants","uniformMatrix4fv","uColorMatrix","uniform4fv","uConstants","toObject","super","_defineProperty","classRegistry","setClass"],"mappings":"4PAcO,MAAMA,EAAgD,CAC3DC,OAAQ,CAAC,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,GAClEC,YAAY,GAmBP,MAAMC,UAIHC,EAwBRC,iBAAAA,GACE,OAAOC,CACT,CAQAC,SAAAA,CAAUC,GACR,MACEC,EADgBD,EAAQE,UACPD,KACjBE,EAAIC,KAAKX,OACTC,EAAaU,KAAKV,WAEpB,IAAK,IAAIW,EAAI,EAAGA,EAAIJ,EAAKK,OAAQD,GAAK,EAAG,CACvC,MAAME,EAAIN,EAAKI,GACTG,EAAIP,EAAKI,EAAI,GACbI,EAAIR,EAAKI,EAAI,GAKnB,GAHAJ,EAAKI,GAAKE,EAAIJ,EAAE,GAAKK,EAAIL,EAAE,GAAKM,EAAIN,EAAE,GAAY,IAAPA,EAAE,GAC7CF,EAAKI,EAAI,GAAKE,EAAIJ,EAAE,GAAKK,EAAIL,EAAE,GAAKM,EAAIN,EAAE,GAAY,IAAPA,EAAE,GACjDF,EAAKI,EAAI,GAAKE,EAAIJ,EAAE,IAAMK,EAAIL,EAAE,IAAMM,EAAIN,EAAE,IAAc,IAARA,EAAE,KAC/CT,EAAY,CACf,MAAMgB,EAAIT,EAAKI,EAAI,GACnBJ,EAAKI,IAAMK,EAAIP,EAAE,GACjBF,EAAKI,EAAI,IAAMK,EAAIP,EAAE,GACrBF,EAAKI,EAAI,IAAMK,EAAIP,EAAE,IACrBF,EAAKI,EAAI,GACPE,EAAIJ,EAAE,IAAMK,EAAIL,EAAE,IAAMM,EAAIN,EAAE,IAAMO,EAAIP,EAAE,IAAc,IAARA,EAAE,GACtD,CACF,CACF,CAQAQ,eAAAA,CACEC,EACAC,GAEA,MAAMV,EAAIC,KAAKX,OACbA,EAAS,CACPU,EAAE,GACFA,EAAE,GACFA,EAAE,GACFA,EAAE,GACFA,EAAE,GACFA,EAAE,GACFA,EAAE,GACFA,EAAE,GACFA,EAAE,IACFA,EAAE,IACFA,EAAE,IACFA,EAAE,IACFA,EAAE,IACFA,EAAE,IACFA,EAAE,IACFA,EAAE,KAEJW,EAAY,CAACX,EAAE,GAAIA,EAAE,GAAIA,EAAE,IAAKA,EAAE,KACpCS,EAAGG,iBAAiBF,EAAiBG,cAAc,EAAOvB,GAC1DmB,EAAGK,WAAWJ,EAAiBK,WAAYJ,EAC7C,CAEAK,QAAAA,GACE,MAAO,IACFC,MAAMD,WACT1B,OAAQ,IAAIW,KAAKX,QAErB,EAxFA4B,EAdW1B,EAAW,OAsBR,eAAa0B,EAtBhB1B,EAAW,WAwBJH,GAAwB6B,EAxB/B1B,EAAW,mBA0BI,CAAC,eAAgB,eA+E7C2B,EAAcC,SAAS5B"}

package/dist/src/filters/ColorMatrix.mjs

@@ -0,0 +1,99 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { BaseFilter } from './BaseFilter.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+import { fragmentSource } from './shaders/colorMatrix.mjs';
+
+const colorMatrixDefaultValues = {
+  matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],
+  colorsOnly: true
+};
+
+/**
+   * Color Matrix filter class
+   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}
+   * @see {@link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl demo}
+   * @example <caption>Kodachrome filter</caption>
+   * const filter = new ColorMatrix({
+   *  matrix: [
+       1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,
+       -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,
+       -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,
+       0, 0, 0, 1, 0
+      ]
+   * });
+   * object.filters.push(filter);
+   * object.applyFilters();
+   */
+class ColorMatrix extends BaseFilter {
+  getFragmentSource() {
+    return fragmentSource;
+  }
+
+  /**
+   * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.
+   *
+   * @param {Object} options
+   * @param {ImageData} options.imageData The Uint8Array to be filtered.
+   */
+  applyTo2d(options) {
+    const imageData = options.imageData,
+      data = imageData.data,
+      m = this.matrix,
+      colorsOnly = this.colorsOnly;
+    for (let i = 0; i < data.length; i += 4) {
+      const r = data[i];
+      const g = data[i + 1];
+      const b = data[i + 2];
+      data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;
+      data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;
+      data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;
+      if (!colorsOnly) {
+        const a = data[i + 3];
+        data[i] += a * m[3];
+        data[i + 1] += a * m[8];
+        data[i + 2] += a * m[13];
+        data[i + 3] = r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;
+      }
+    }
+  }
+
+  /**
+   * 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 m = this.matrix,
+      matrix = [m[0], m[1], m[2], m[3], m[5], m[6], m[7], m[8], m[10], m[11], m[12], m[13], m[15], m[16], m[17], m[18]],
+      constants = [m[4], m[9], m[14], m[19]];
+    gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);
+    gl.uniform4fv(uniformLocations.uConstants, constants);
+  }
+  toObject() {
+    return {
+      ...super.toObject(),
+      matrix: [...this.matrix]
+    };
+  }
+}
+/**
+ * Colormatrix for pixels.
+ * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning
+ * outside the -1, 1 range.
+ * 0.0039215686 is the part of 1 that get translated to 1 in 2d
+ * @param {Array} matrix array of 20 numbers.
+ */
+/**
+ * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario
+ * to save some calculation
+ * @type Boolean
+ * @default true
+ */
+_defineProperty(ColorMatrix, "type", 'ColorMatrix');
+_defineProperty(ColorMatrix, "defaults", colorMatrixDefaultValues);
+_defineProperty(ColorMatrix, "uniformLocations", ['uColorMatrix', 'uConstants']);
+classRegistry.setClass(ColorMatrix);
+
+export { ColorMatrix, colorMatrixDefaultValues };
+//# sourceMappingURL=ColorMatrix.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMatrix.mjs","sources":["../../../src/filters/ColorMatrix.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type {\n  T2DPipelineState,\n  TMatColorMatrix,\n  TWebGLUniformLocationMap,\n} from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { fragmentSource } from './shaders/colorMatrix';\n\nexport type ColorMatrixOwnProps = {\n  matrix: TMatColorMatrix;\n  colorsOnly: boolean;\n};\n\nexport const colorMatrixDefaultValues: ColorMatrixOwnProps = {\n  matrix: [1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 1, 0],\n  colorsOnly: true,\n};\n\n/**\n   * Color Matrix filter class\n   * @see {@link http://fabricjs.com/image-filters|ImageFilters demo}\n   * @see {@link http://phoboslab.org/log/2013/11/fast-image-filters-with-webgl demo}\n   * @example <caption>Kodachrome filter</caption>\n   * const filter = new ColorMatrix({\n   *  matrix: [\n       1.1285582396593525, -0.3967382283601348, -0.03992559172921793, 0, 63.72958762196502,\n       -0.16404339962244616, 1.0835251566291304, -0.05498805115633132, 0, 24.732407896706203,\n       -0.16786010706155763, -0.5603416277695248, 1.6014850761964943, 0, 35.62982807460946,\n       0, 0, 0, 1, 0\n      ]\n   * });\n   * object.filters.push(filter);\n   * object.applyFilters();\n   */\nexport class ColorMatrix<\n  Name extends string = 'ColorMatrix',\n  OwnProps extends object = ColorMatrixOwnProps,\n  SerializedProps extends object = ColorMatrixOwnProps,\n> extends BaseFilter<Name, OwnProps, SerializedProps> {\n  /**\n   * Colormatrix for pixels.\n   * array of 20 floats. Numbers in positions 4, 9, 14, 19 loose meaning\n   * outside the -1, 1 range.\n   * 0.0039215686 is the part of 1 that get translated to 1 in 2d\n   * @param {Array} matrix array of 20 numbers.\n   */\n  declare matrix: ColorMatrixOwnProps['matrix'];\n\n  /**\n   * Lock the colormatrix on the color part, skipping alpha, mainly for non webgl scenario\n   * to save some calculation\n   * @type Boolean\n   * @default true\n   */\n  declare colorsOnly: ColorMatrixOwnProps['colorsOnly'];\n\n  static type = 'ColorMatrix';\n\n  static defaults = colorMatrixDefaultValues;\n\n  static uniformLocations = ['uColorMatrix', 'uConstants'];\n\n  getFragmentSource(): string {\n    return fragmentSource;\n  }\n\n  /**\n   * Apply the ColorMatrix operation to a Uint8Array representing the pixels of an image.\n   *\n   * @param {Object} options\n   * @param {ImageData} options.imageData The Uint8Array to be filtered.\n   */\n  applyTo2d(options: T2DPipelineState) {\n    const imageData = options.imageData,\n      data = imageData.data,\n      m = this.matrix,\n      colorsOnly = this.colorsOnly;\n\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\n      data[i] = r * m[0] + g * m[1] + b * m[2] + m[4] * 255;\n      data[i + 1] = r * m[5] + g * m[6] + b * m[7] + m[9] * 255;\n      data[i + 2] = r * m[10] + g * m[11] + b * m[12] + m[14] * 255;\n      if (!colorsOnly) {\n        const a = data[i + 3];\n        data[i] += a * m[3];\n        data[i + 1] += a * m[8];\n        data[i + 2] += a * m[13];\n        data[i + 3] =\n          r * m[15] + g * m[16] + b * m[17] + a * m[18] + m[19] * 255;\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 m = this.matrix,\n      matrix = [\n        m[0],\n        m[1],\n        m[2],\n        m[3],\n        m[5],\n        m[6],\n        m[7],\n        m[8],\n        m[10],\n        m[11],\n        m[12],\n        m[13],\n        m[15],\n        m[16],\n        m[17],\n        m[18],\n      ],\n      constants = [m[4], m[9], m[14], m[19]];\n    gl.uniformMatrix4fv(uniformLocations.uColorMatrix, false, matrix);\n    gl.uniform4fv(uniformLocations.uConstants, constants);\n  }\n\n  toObject(): { type: Name } & SerializedProps {\n    return {\n      ...super.toObject(),\n      matrix: [...this.matrix] as TMatColorMatrix,\n    };\n  }\n}\n\nclassRegistry.setClass(ColorMatrix);\n"],"names":["colorMatrixDefaultValues","matrix","colorsOnly","ColorMatrix","BaseFilter","getFragmentSource","fragmentSource","applyTo2d","options","imageData","data","m","i","length","r","g","b","a","sendUniformData","gl","uniformLocations","constants","uniformMatrix4fv","uColorMatrix","uniform4fv","uConstants","toObject","_defineProperty","classRegistry","setClass"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { ColorMatrix } from './ColorMatrix';
+import type { TMatColorMatrix } from './typedefs';
+type FixedFiltersOwnProps = {
+    colorsOnly: boolean;
+};
+export declare function createColorMatrixFilter(key: string, matrix: TMatColorMatrix): typeof ColorMatrix<typeof key, FixedFiltersOwnProps>;
+export declare const Brownie: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export declare const Vintage: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export declare const Kodachrome: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export declare const Technicolor: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export declare const Polaroid: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export declare const Sepia: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export declare const BlackWhite: typeof ColorMatrix<string, FixedFiltersOwnProps>;
+export {};
+//# sourceMappingURL=ColorMatrixFilters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMatrixFilters.d.ts","sourceRoot":"","sources":["../../../src/filters/ColorMatrixFilters.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,wBAAgB,uBAAuB,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,GAkBvD,OAAO,WAAW,CAAC,OAAO,GAAG,EAAE,oBAAoB,CAAC,CACxE;AAED,eAAO,MAAM,OAAO,EAHC,OAAO,WAAW,SAAa,oBAAoB,CASvE,CAAC;AAEF,eAAO,MAAM,OAAO,EAXC,OAAO,WAAW,SAAa,oBAAoB,CAiBvE,CAAC;AAEF,eAAO,MAAM,UAAU,EAnBF,OAAO,WAAW,SAAa,oBAAoB,CAyBvE,CAAC;AAEF,eAAO,MAAM,WAAW,EA3BH,OAAO,WAAW,SAAa,oBAAoB,CAiCvE,CAAC;AAEF,eAAO,MAAM,QAAQ,EAnCA,OAAO,WAAW,SAAa,oBAAoB,CAyCvE,CAAC;AAEF,eAAO,MAAM,KAAK,EA3CG,OAAO,WAAW,SAAa,oBAAoB,CAiDvE,CAAC;AAEF,eAAO,MAAM,UAAU,EAnDF,OAAO,WAAW,SAAa,oBAAoB,CAyDvE,CAAC"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as o}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{ColorMatrix as r}from"./ColorMatrix.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";function e(e,s){var i;const l=(o(i=class extends r{toObject(){return{type:this.type,colorsOnly:this.colorsOnly}}},"type",e),o(i,"defaults",{colorsOnly:!1,matrix:s}),i);return t.setClass(l,e),l}const s=e("Brownie",[.5997,.34553,-.27082,0,.186,-.0377,.86095,.15059,0,-.1449,.24113,-.07441,.44972,0,-.02965,0,0,0,1,0]),i=e("Vintage",[.62793,.32021,-.03965,0,.03784,.02578,.64411,.03259,0,.02926,.0466,-.08512,.52416,0,.02023,0,0,0,1,0]),l=e("Kodachrome",[1.12855,-.39673,-.03992,0,.24991,-.16404,1.08352,-.05498,0,.09698,-.16786,-.56034,1.60148,0,.13972,0,0,0,1,0]),n=e("Technicolor",[1.91252,-.85453,-.09155,0,.04624,-.30878,1.76589,-.10601,0,-.27589,-.2311,-.75018,1.84759,0,.12137,0,0,0,1,0]),a=e("Polaroid",[1.438,-.062,-.062,0,0,-.122,1.378,-.122,0,0,-.016,-.016,1.483,0,0,0,0,0,1,0]),m=e("Sepia",[.393,.769,.189,0,0,.349,.686,.168,0,0,.272,.534,.131,0,0,0,0,0,1,0]),c=e("BlackWhite",[1.5,1.5,1.5,0,-1,1.5,1.5,1.5,0,-1,1.5,1.5,1.5,0,-1,0,0,0,1,0]);export{c as BlackWhite,s as Brownie,l as Kodachrome,a as Polaroid,m as Sepia,n as Technicolor,i as Vintage,e as createColorMatrixFilter};
+//# sourceMappingURL=ColorMatrixFilters.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMatrixFilters.min.mjs","sources":["../../../src/filters/ColorMatrixFilters.ts"],"sourcesContent":["import { ColorMatrix } from './ColorMatrix';\nimport { classRegistry } from '../ClassRegistry';\nimport type { TMatColorMatrix } from './typedefs';\n\ntype FixedFiltersOwnProps = {\n  colorsOnly: boolean;\n};\n\nexport function createColorMatrixFilter(key: string, matrix: TMatColorMatrix) {\n  const newClass = class extends ColorMatrix<\n    typeof key,\n    FixedFiltersOwnProps,\n    FixedFiltersOwnProps\n  > {\n    static type = key;\n\n    static defaults = {\n      colorsOnly: false,\n      matrix,\n    };\n\n    toObject(): { type: string } & FixedFiltersOwnProps {\n      return { type: this.type, colorsOnly: this.colorsOnly };\n    }\n  };\n  classRegistry.setClass(newClass, key);\n  return newClass as typeof ColorMatrix<typeof key, FixedFiltersOwnProps>;\n}\n\nexport const Brownie = createColorMatrixFilter(\n  'Brownie',\n  [\n    0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, -0.1449,\n    0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Vintage = createColorMatrixFilter(\n  'Vintage',\n  [\n    0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0,\n    0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Kodachrome = createColorMatrixFilter(\n  'Kodachrome',\n  [\n    1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0,\n    0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Technicolor = createColorMatrixFilter(\n  'Technicolor',\n  [\n    1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0,\n    -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Polaroid = createColorMatrixFilter(\n  'Polaroid',\n  [\n    1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016,\n    1.483, 0, 0, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Sepia = createColorMatrixFilter(\n  'Sepia',\n  [\n    0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131,\n    0, 0, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const BlackWhite = createColorMatrixFilter(\n  'BlackWhite',\n  [\n    1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0,\n    1, 0,\n  ],\n);\n"],"names":["createColorMatrixFilter","key","matrix","_Class","newClass","_defineProperty","ColorMatrix","toObject","type","this","colorsOnly","classRegistry","setClass","Brownie","Vintage","Kodachrome","Technicolor","Polaroid","Sepia","BlackWhite"],"mappings":"+LAQO,SAASA,EAAwBC,EAAaC,GAAyB,IAAAC,EAC5E,MAAMC,GAeLC,EAfaF,EAAG,cAAcG,EAY7BC,QAAAA,GACE,MAAO,CAAEC,KAAMC,KAAKD,KAAME,WAAYD,KAAKC,WAC7C,GACD,OAVeT,GAAGI,EAAAF,EAAA,WAEC,CAChBO,YAAY,EACZR,WACDC,GAOH,OADAQ,EAAcC,SAASR,EAAUH,GAC1BG,CACT,CAEO,MAAMS,EAAUb,EACrB,UACA,CACE,MAAQ,QAAS,OAAU,EAAG,MAAO,MAAS,OAAS,OAAS,GAAG,MACnE,eAAmB,OAAS,UAAa,EAAG,EAAG,EAAG,EAAG,IAI5Cc,EAAUd,EACrB,UACA,CACE,OAAS,QAAS,OAAU,EAAG,OAAS,OAAS,OAAS,OAAS,EACnE,OAAS,cAAkB,OAAS,EAAG,OAAS,EAAG,EAAG,EAAG,EAAG,IAInDe,EAAaf,EACxB,aACA,CACE,SAAS,QAAU,OAAU,EAAG,QAAS,OAAU,SAAS,OAAU,EACtE,QAAS,eAAoB,QAAS,EAAG,OAAS,EAAG,EAAG,EAAG,EAAG,IAIrDgB,EAAchB,EACzB,cACA,CACE,SAAS,QAAU,OAAU,EAAG,QAAS,OAAU,SAAS,OAAU,GACtE,QAAU,cAAmB,QAAS,EAAG,OAAS,EAAG,EAAG,EAAG,EAAG,IAIrDiB,EAAWjB,EACtB,WACA,CACE,OAAO,MAAQ,KAAQ,EAAG,GAAG,KAAQ,OAAO,KAAQ,EAAG,GAAG,WAC1D,MAAO,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,IAIhBkB,EAAQlB,EACnB,QACA,CACE,KAAO,KAAO,KAAO,EAAG,EAAG,KAAO,KAAO,KAAO,EAAG,EAAG,KAAO,KAAO,KACpE,EAAG,EAAG,EAAG,EAAG,EAAG,EAAG,IAITmB,EAAanB,EACxB,aACA,CACE,IAAK,IAAK,IAAK,GAAG,EAAI,IAAK,IAAK,IAAK,GAAG,EAAI,IAAK,IAAK,IAAK,KAAO,EAAG,EAAG,EACxE,EAAG"}

package/dist/src/filters/ColorMatrixFilters.mjs

@@ -0,0 +1,30 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { ColorMatrix } from './ColorMatrix.mjs';
+import { classRegistry } from '../ClassRegistry.mjs';
+
+function createColorMatrixFilter(key, matrix) {
+  var _Class;
+  const newClass = (_Class = class newClass extends ColorMatrix {
+    toObject() {
+      return {
+        type: this.type,
+        colorsOnly: this.colorsOnly
+      };
+    }
+  }, _defineProperty(_Class, "type", key), _defineProperty(_Class, "defaults", {
+    colorsOnly: false,
+    matrix
+  }), _Class);
+  classRegistry.setClass(newClass, key);
+  return newClass;
+}
+const Brownie = createColorMatrixFilter('Brownie', [0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, -0.1449, 0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0]);
+const Vintage = createColorMatrixFilter('Vintage', [0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0, 0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0]);
+const Kodachrome = createColorMatrixFilter('Kodachrome', [1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0, 0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0]);
+const Technicolor = createColorMatrixFilter('Technicolor', [1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0, -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0]);
+const Polaroid = createColorMatrixFilter('Polaroid', [1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016, 1.483, 0, 0, 0, 0, 0, 1, 0]);
+const Sepia = createColorMatrixFilter('Sepia', [0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131, 0, 0, 0, 0, 0, 1, 0]);
+const BlackWhite = createColorMatrixFilter('BlackWhite', [1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0, 1, 0]);
+
+export { BlackWhite, Brownie, Kodachrome, Polaroid, Sepia, Technicolor, Vintage, createColorMatrixFilter };
+//# sourceMappingURL=ColorMatrixFilters.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColorMatrixFilters.mjs","sources":["../../../src/filters/ColorMatrixFilters.ts"],"sourcesContent":["import { ColorMatrix } from './ColorMatrix';\nimport { classRegistry } from '../ClassRegistry';\nimport type { TMatColorMatrix } from './typedefs';\n\ntype FixedFiltersOwnProps = {\n  colorsOnly: boolean;\n};\n\nexport function createColorMatrixFilter(key: string, matrix: TMatColorMatrix) {\n  const newClass = class extends ColorMatrix<\n    typeof key,\n    FixedFiltersOwnProps,\n    FixedFiltersOwnProps\n  > {\n    static type = key;\n\n    static defaults = {\n      colorsOnly: false,\n      matrix,\n    };\n\n    toObject(): { type: string } & FixedFiltersOwnProps {\n      return { type: this.type, colorsOnly: this.colorsOnly };\n    }\n  };\n  classRegistry.setClass(newClass, key);\n  return newClass as typeof ColorMatrix<typeof key, FixedFiltersOwnProps>;\n}\n\nexport const Brownie = createColorMatrixFilter(\n  'Brownie',\n  [\n    0.5997, 0.34553, -0.27082, 0, 0.186, -0.0377, 0.86095, 0.15059, 0, -0.1449,\n    0.24113, -0.07441, 0.44972, 0, -0.02965, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Vintage = createColorMatrixFilter(\n  'Vintage',\n  [\n    0.62793, 0.32021, -0.03965, 0, 0.03784, 0.02578, 0.64411, 0.03259, 0,\n    0.02926, 0.0466, -0.08512, 0.52416, 0, 0.02023, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Kodachrome = createColorMatrixFilter(\n  'Kodachrome',\n  [\n    1.12855, -0.39673, -0.03992, 0, 0.24991, -0.16404, 1.08352, -0.05498, 0,\n    0.09698, -0.16786, -0.56034, 1.60148, 0, 0.13972, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Technicolor = createColorMatrixFilter(\n  'Technicolor',\n  [\n    1.91252, -0.85453, -0.09155, 0, 0.04624, -0.30878, 1.76589, -0.10601, 0,\n    -0.27589, -0.2311, -0.75018, 1.84759, 0, 0.12137, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Polaroid = createColorMatrixFilter(\n  'Polaroid',\n  [\n    1.438, -0.062, -0.062, 0, 0, -0.122, 1.378, -0.122, 0, 0, -0.016, -0.016,\n    1.483, 0, 0, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const Sepia = createColorMatrixFilter(\n  'Sepia',\n  [\n    0.393, 0.769, 0.189, 0, 0, 0.349, 0.686, 0.168, 0, 0, 0.272, 0.534, 0.131,\n    0, 0, 0, 0, 0, 1, 0,\n  ],\n);\n\nexport const BlackWhite = createColorMatrixFilter(\n  'BlackWhite',\n  [\n    1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 1.5, 1.5, 1.5, 0, -1, 0, 0, 0,\n    1, 0,\n  ],\n);\n"],"names":["createColorMatrixFilter","key","matrix","_Class","newClass","ColorMatrix","toObject","type","colorsOnly","_defineProperty","classRegistry","setClass","Brownie","Vintage","Kodachrome","Technicolor","Polaroid","Sepia","BlackWhite"],"mappings":"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"}

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

@@ -0,0 +1,51 @@
+import { BaseFilter } from './BaseFilter';
+import type { T2DPipelineState, TWebGLPipelineState } from './typedefs';
+type ComposedOwnProps = {
+    subFilters: BaseFilter<string, object, object>[];
+};
+type ComposedSerializedProps = {
+    subFilters: Record<string, unknown>[];
+};
+/**
+ * A container class that knows how to apply a sequence of filters to an input image.
+ */
+export declare class Composed extends BaseFilter<'Composed', ComposedOwnProps, ComposedSerializedProps> {
+    /**
+     * A non sparse array of filters to apply
+     */
+    subFilters: ComposedOwnProps['subFilters'];
+    static type: string;
+    constructor(options?: {
+        subFilters?: BaseFilter<string>[];
+    } & Record<string, any>);
+    /**
+     * Apply this container's filters to the input image provided.
+     *
+     * @param {Object} options
+     * @param {Number} options.passes The number of filters remaining to be applied.
+     */
+    applyTo(options: TWebGLPipelineState | T2DPipelineState): void;
+    /**
+     * Serialize this filter into JSON.
+     * @returns {Object} A JSON representation of this filter.
+     */
+    toObject(): {
+        type: "Composed";
+        subFilters: ({
+            type: string;
+        } & object)[];
+    };
+    isNeutralState(): boolean;
+    /**
+     * Deserialize a JSON definition of a ComposedFilter into a concrete instance.
+     * @param {oject} object Object to create an instance from
+     * @param {object} [options]
+     * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal
+     * @returns {Promise<Composed>}
+     */
+    static fromObject(object: Record<string, any>, options?: {
+        signal: AbortSignal;
+    }): Promise<Composed>;
+}
+export {};
+//# sourceMappingURL=Composed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Composed.d.ts","sourceRoot":"","sources":["../../../src/filters/Composed.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAIxE,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC;CAClD,CAAC;AAEF,KAAK,uBAAuB,GAAG;IAC7B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;CACvC,CAAC;AAEF;;GAEG;AACH,qBAAa,QAAS,SAAQ,UAAU,CACtC,UAAU,EACV,gBAAgB,EAChB,uBAAuB,CACxB;IACC;;OAEG;IACK,UAAU,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEnD,MAAM,CAAC,IAAI,SAAc;gBAGvB,OAAO,GAAE;QAAE,UAAU,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAA;KAAE,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;IAM3E;;;;;OAKG;IACH,OAAO,CAAC,OAAO,EAAE,mBAAmB,GAAG,gBAAgB;IASvD;;;OAGG;IACH,QAAQ;;;;;;IAOR,cAAc;IAId;;;;;;OAMG;IACH,MAAM,CAAC,UAAU,CACf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC3B,OAAO,CAAC,EAAE;QAAE,MAAM,EAAE,WAAW,CAAA;KAAE,GAChC,OAAO,CAAC,QAAQ,CAAC;CASrB"}

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

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{BaseFilter as s}from"./BaseFilter.min.mjs";import{isWebGLPipelineState as e}from"./utils.min.mjs";import{classRegistry as r}from"../ClassRegistry.min.mjs";class i extends s{constructor(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};super(t),this.subFilters=t.subFilters||[]}applyTo(t){e(t)&&(t.passes+=this.subFilters.length-1),this.subFilters.forEach(s=>{s.applyTo(t)})}toObject(){return{type:this.type,subFilters:this.subFilters.map(t=>t.toObject())}}isNeutralState(){return!this.subFilters.some(t=>!t.isNeutralState())}static fromObject(t,s){return Promise.all((t.subFilters||[]).map(t=>r.getClass(t.type).fromObject(t,s))).then(t=>new this({subFilters:t}))}}t(i,"type","Composed"),r.setClass(i);export{i as Composed};
+//# sourceMappingURL=Composed.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Composed.min.mjs","sources":["../../../src/filters/Composed.ts"],"sourcesContent":["import { BaseFilter } from './BaseFilter';\nimport type { T2DPipelineState, TWebGLPipelineState } from './typedefs';\nimport { isWebGLPipelineState } from './utils';\nimport { classRegistry } from '../ClassRegistry';\n\ntype ComposedOwnProps = {\n  subFilters: BaseFilter<string, object, object>[];\n};\n\ntype ComposedSerializedProps = {\n  subFilters: Record<string, unknown>[];\n};\n\n/**\n * A container class that knows how to apply a sequence of filters to an input image.\n */\nexport class Composed extends BaseFilter<\n  'Composed',\n  ComposedOwnProps,\n  ComposedSerializedProps\n> {\n  /**\n   * A non sparse array of filters to apply\n   */\n  declare subFilters: ComposedOwnProps['subFilters'];\n\n  static type = 'Composed';\n\n  constructor(\n    options: { subFilters?: BaseFilter<string>[] } & Record<string, any> = {},\n  ) {\n    super(options);\n    this.subFilters = options.subFilters || [];\n  }\n\n  /**\n   * Apply this container's filters to the input image provided.\n   *\n   * @param {Object} options\n   * @param {Number} options.passes The number of filters remaining to be applied.\n   */\n  applyTo(options: TWebGLPipelineState | T2DPipelineState) {\n    if (isWebGLPipelineState(options)) {\n      options.passes += this.subFilters.length - 1;\n    }\n    this.subFilters.forEach((filter) => {\n      filter.applyTo(options);\n    });\n  }\n\n  /**\n   * Serialize this filter into JSON.\n   * @returns {Object} A JSON representation of this filter.\n   */\n  toObject() {\n    return {\n      type: this.type,\n      subFilters: this.subFilters.map((filter) => filter.toObject()),\n    };\n  }\n\n  isNeutralState() {\n    return !this.subFilters.some((filter) => !filter.isNeutralState());\n  }\n\n  /**\n   * Deserialize a JSON definition of a ComposedFilter into a concrete instance.\n   * @param {oject} object Object to create an instance from\n   * @param {object} [options]\n   * @param {AbortSignal} [options.signal] handle aborting `BlendImage` filter loading, see https://developer.mozilla.org/en-US/docs/Web/API/AbortController/signal\n   * @returns {Promise<Composed>}\n   */\n  static fromObject(\n    object: Record<string, any>,\n    options?: { signal: AbortSignal },\n  ): Promise<Composed> {\n    return Promise.all(\n      ((object.subFilters || []) as BaseFilter<string>[]).map((filter) =>\n        classRegistry\n          .getClass<typeof BaseFilter>(filter.type)\n          .fromObject(filter, options),\n      ),\n    ).then((enlivedFilters) => new this({ subFilters: enlivedFilters }));\n  }\n}\n\nclassRegistry.setClass(Composed);\n"],"names":["Composed","BaseFilter","constructor","options","arguments","length","undefined","super","this","subFilters","applyTo","isWebGLPipelineState","passes","forEach","filter","toObject","type","map","isNeutralState","some","fromObject","object","Promise","all","classRegistry","getClass","then","enlivedFilters","_defineProperty","setClass"],"mappings":"oPAgBO,MAAMA,UAAiBC,EAY5BC,WAAAA,GAEE,IADAC,EAAoEC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,CAAA,EAEvEG,MAAMJ,GACNK,KAAKC,WAAaN,EAAQM,YAAc,EAC1C,CAQAC,OAAAA,CAAQP,GACFQ,EAAqBR,KACvBA,EAAQS,QAAUJ,KAAKC,WAAWJ,OAAS,GAE7CG,KAAKC,WAAWI,QAASC,IACvBA,EAAOJ,QAAQP,IAEnB,CAMAY,QAAAA,GACE,MAAO,CACLC,KAAMR,KAAKQ,KACXP,WAAYD,KAAKC,WAAWQ,IAAKH,GAAWA,EAAOC,YAEvD,CAEAG,cAAAA,GACE,OAAQV,KAAKC,WAAWU,KAAML,IAAYA,EAAOI,iBACnD,CASA,iBAAOE,CACLC,EACAlB,GAEA,OAAOmB,QAAQC,KACXF,EAAOZ,YAAc,IAA6BQ,IAAKH,GACvDU,EACGC,SAA4BX,EAAOE,MACnCI,WAAWN,EAAQX,KAExBuB,KAAMC,GAAmB,IAAInB,KAAK,CAAEC,WAAYkB,IACpD,EA9DAC,EALW5B,EAAQ,OAUL,YA4DhBwB,EAAcK,SAAS7B"}