fabric 7.3.1 → 7.5.0-beta.1

package/dist/src/filters/shaders/pixelate.mjs

@@ -1,24 +0,0 @@
-//#region src/filters/shaders/pixelate.ts
-const fragmentSource = `
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uBlocksize;
-  uniform float uStepW;
-  uniform float uStepH;
-  varying vec2 vTexCoord;
-  void main() {
-    float blockW = uBlocksize * uStepW;
-    float blockH = uBlocksize * uStepH;
-    int posX = int(vTexCoord.x / blockW);
-    int posY = int(vTexCoord.y / blockH);
-    float fposX = float(posX);
-    float fposY = float(posY);
-    vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);
-    vec4 color = texture2D(uTexture, squareCoords);
-    gl_FragColor = color;
-  }
-`;
-//#endregion
-export { fragmentSource };
-
-//# sourceMappingURL=pixelate.mjs.map

package/dist/src/filters/shaders/pixelate.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"pixelate.mjs","names":[],"sources":["../../../../src/filters/shaders/pixelate.ts"],"sourcesContent":["export const fragmentSource = `\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uBlocksize;\n  uniform float uStepW;\n  uniform float uStepH;\n  varying vec2 vTexCoord;\n  void main() {\n    float blockW = uBlocksize * uStepW;\n    float blockH = uBlocksize * uStepH;\n    int posX = int(vTexCoord.x / blockW);\n    int posY = int(vTexCoord.y / blockH);\n    float fposX = float(posX);\n    float fposY = float(posY);\n    vec2 squareCoords = vec2(fposX * blockW, fposY * blockH);\n    vec4 color = texture2D(uTexture, squareCoords);\n    gl_FragColor = color;\n  }\n`;\n"],"mappings":";AAAA,MAAa,iBAAiB"}

package/dist/src/filters/shaders/removeColor.d.ts

@@ -1,2 +0,0 @@
-export declare const fragmentShader = "\nprecision highp float;\nuniform sampler2D uTexture;\nuniform vec4 uLow;\nuniform vec4 uHigh;\nvarying vec2 vTexCoord;\nvoid main() {\n  gl_FragColor = texture2D(uTexture, vTexCoord);\n  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\n    gl_FragColor.a = 0.0;\n  }\n}\n";
-//# sourceMappingURL=removeColor.d.ts.map

package/dist/src/filters/shaders/removeColor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"removeColor.d.ts","sourceRoot":"","sources":["../../../../src/filters/shaders/removeColor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,uUAY1B,CAAC"}

package/dist/src/filters/shaders/removeColor.min.mjs

@@ -1,14 +0,0 @@
-const e=`
-precision highp float;
-uniform sampler2D uTexture;
-uniform vec4 uLow;
-uniform vec4 uHigh;
-varying vec2 vTexCoord;
-void main() {
-  gl_FragColor = texture2D(uTexture, vTexCoord);
-  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {
-    gl_FragColor.a = 0.0;
-  }
-}
-`;export{e as fragmentShader};
-//# sourceMappingURL=removeColor.min.mjs.map

package/dist/src/filters/shaders/removeColor.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"removeColor.min.mjs","names":[],"sources":["../../../../src/filters/shaders/removeColor.ts"],"sourcesContent":["export const fragmentShader = `\nprecision highp float;\nuniform sampler2D uTexture;\nuniform vec4 uLow;\nuniform vec4 uHigh;\nvarying vec2 vTexCoord;\nvoid main() {\n  gl_FragColor = texture2D(uTexture, vTexCoord);\n  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\n    gl_FragColor.a = 0.0;\n  }\n}\n`;\n"],"mappings":"AAAA,MAAa,EAAiB;;;;;;;;;;;;EAAA,OAAA,KAAA"}

package/dist/src/filters/shaders/removeColor.mjs

@@ -1,18 +0,0 @@
-//#region src/filters/shaders/removeColor.ts
-const fragmentShader = `
-precision highp float;
-uniform sampler2D uTexture;
-uniform vec4 uLow;
-uniform vec4 uHigh;
-varying vec2 vTexCoord;
-void main() {
-  gl_FragColor = texture2D(uTexture, vTexCoord);
-  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {
-    gl_FragColor.a = 0.0;
-  }
-}
-`;
-//#endregion
-export { fragmentShader };
-
-//# sourceMappingURL=removeColor.mjs.map

package/dist/src/filters/shaders/removeColor.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"removeColor.mjs","names":[],"sources":["../../../../src/filters/shaders/removeColor.ts"],"sourcesContent":["export const fragmentShader = `\nprecision highp float;\nuniform sampler2D uTexture;\nuniform vec4 uLow;\nuniform vec4 uHigh;\nvarying vec2 vTexCoord;\nvoid main() {\n  gl_FragColor = texture2D(uTexture, vTexCoord);\n  if(all(greaterThan(gl_FragColor.rgb,uLow.rgb)) && all(greaterThan(uHigh.rgb,gl_FragColor.rgb))) {\n    gl_FragColor.a = 0.0;\n  }\n}\n`;\n"],"mappings":";AAAA,MAAa,iBAAiB"}

package/dist/src/filters/shaders/saturation.d.ts

@@ -1,2 +0,0 @@
-export declare const fragmentSource = "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uSaturation;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float rgMax = max(color.r, color.g);\n    float rgbMax = max(rgMax, color.b);\n    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\n    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\n    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\n    gl_FragColor = color;\n  }\n";
-//# sourceMappingURL=saturation.d.ts.map

package/dist/src/filters/shaders/saturation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"saturation.d.ts","sourceRoot":"","sources":["../../../../src/filters/shaders/saturation.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,shBAc1B,CAAC"}

package/dist/src/filters/shaders/saturation.min.mjs

@@ -1,16 +0,0 @@
-const e=`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uSaturation;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float rgMax = max(color.r, color.g);
-    float rgbMax = max(rgMax, color.b);
-    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;
-    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;
-    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;
-    gl_FragColor = color;
-  }
-`;export{e as fragmentSource};
-//# sourceMappingURL=saturation.min.mjs.map

package/dist/src/filters/shaders/saturation.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"saturation.min.mjs","names":[],"sources":["../../../../src/filters/shaders/saturation.ts"],"sourcesContent":["export const fragmentSource = `\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uSaturation;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float rgMax = max(color.r, color.g);\n    float rgbMax = max(rgMax, color.b);\n    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\n    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\n    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\n    gl_FragColor = color;\n  }\n`;\n"],"mappings":"AAAA,MAAa,EAAiB;;;;;;;;;;;;;;EAAA,OAAA,KAAA"}

package/dist/src/filters/shaders/saturation.mjs

@@ -1,20 +0,0 @@
-//#region src/filters/shaders/saturation.ts
-const fragmentSource = `
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uSaturation;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float rgMax = max(color.r, color.g);
-    float rgbMax = max(rgMax, color.b);
-    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;
-    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;
-    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;
-    gl_FragColor = color;
-  }
-`;
-//#endregion
-export { fragmentSource };
-
-//# sourceMappingURL=saturation.mjs.map

package/dist/src/filters/shaders/saturation.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"saturation.mjs","names":[],"sources":["../../../../src/filters/shaders/saturation.ts"],"sourcesContent":["export const fragmentSource = `\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uSaturation;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float rgMax = max(color.r, color.g);\n    float rgbMax = max(rgMax, color.b);\n    color.r += rgbMax != color.r ? (rgbMax - color.r) * uSaturation : 0.00;\n    color.g += rgbMax != color.g ? (rgbMax - color.g) * uSaturation : 0.00;\n    color.b += rgbMax != color.b ? (rgbMax - color.b) * uSaturation : 0.00;\n    gl_FragColor = color;\n  }\n`;\n"],"mappings":";AAAA,MAAa,iBAAiB"}

package/dist/src/filters/shaders/vibrance.d.ts

@@ -1,2 +0,0 @@
-export declare const fragmentSource = "\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uVibrance;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float max = max(color.r, max(color.g, color.b));\n    float avg = (color.r + color.g + color.b) / 3.0;\n    float amt = (abs(max - avg) * 2.0) * uVibrance;\n    color.r += max != color.r ? (max - color.r) * amt : 0.00;\n    color.g += max != color.g ? (max - color.g) * amt : 0.00;\n    color.b += max != color.b ? (max - color.b) * amt : 0.00;\n    gl_FragColor = color;\n  }\n";
-//# sourceMappingURL=vibrance.d.ts.map

package/dist/src/filters/shaders/vibrance.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"vibrance.d.ts","sourceRoot":"","sources":["../../../../src/filters/shaders/vibrance.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,wjBAe1B,CAAC"}

package/dist/src/filters/shaders/vibrance.min.mjs

@@ -1,17 +0,0 @@
-const e=`
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uVibrance;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float max = max(color.r, max(color.g, color.b));
-    float avg = (color.r + color.g + color.b) / 3.0;
-    float amt = (abs(max - avg) * 2.0) * uVibrance;
-    color.r += max != color.r ? (max - color.r) * amt : 0.00;
-    color.g += max != color.g ? (max - color.g) * amt : 0.00;
-    color.b += max != color.b ? (max - color.b) * amt : 0.00;
-    gl_FragColor = color;
-  }
-`;export{e as fragmentSource};
-//# sourceMappingURL=vibrance.min.mjs.map

package/dist/src/filters/shaders/vibrance.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vibrance.min.mjs","names":[],"sources":["../../../../src/filters/shaders/vibrance.ts"],"sourcesContent":["export const fragmentSource = `\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uVibrance;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float max = max(color.r, max(color.g, color.b));\n    float avg = (color.r + color.g + color.b) / 3.0;\n    float amt = (abs(max - avg) * 2.0) * uVibrance;\n    color.r += max != color.r ? (max - color.r) * amt : 0.00;\n    color.g += max != color.g ? (max - color.g) * amt : 0.00;\n    color.b += max != color.b ? (max - color.b) * amt : 0.00;\n    gl_FragColor = color;\n  }\n`;\n"],"mappings":"AAAA,MAAa,EAAiB;;;;;;;;;;;;;;;EAAA,OAAA,KAAA"}

package/dist/src/filters/shaders/vibrance.mjs

@@ -1,21 +0,0 @@
-//#region src/filters/shaders/vibrance.ts
-const fragmentSource = `
-  precision highp float;
-  uniform sampler2D uTexture;
-  uniform float uVibrance;
-  varying vec2 vTexCoord;
-  void main() {
-    vec4 color = texture2D(uTexture, vTexCoord);
-    float max = max(color.r, max(color.g, color.b));
-    float avg = (color.r + color.g + color.b) / 3.0;
-    float amt = (abs(max - avg) * 2.0) * uVibrance;
-    color.r += max != color.r ? (max - color.r) * amt : 0.00;
-    color.g += max != color.g ? (max - color.g) * amt : 0.00;
-    color.b += max != color.b ? (max - color.b) * amt : 0.00;
-    gl_FragColor = color;
-  }
-`;
-//#endregion
-export { fragmentSource };
-
-//# sourceMappingURL=vibrance.mjs.map

package/dist/src/filters/shaders/vibrance.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"vibrance.mjs","names":[],"sources":["../../../../src/filters/shaders/vibrance.ts"],"sourcesContent":["export const fragmentSource = `\n  precision highp float;\n  uniform sampler2D uTexture;\n  uniform float uVibrance;\n  varying vec2 vTexCoord;\n  void main() {\n    vec4 color = texture2D(uTexture, vTexCoord);\n    float max = max(color.r, max(color.g, color.b));\n    float avg = (color.r + color.g + color.b) / 3.0;\n    float amt = (abs(max - avg) * 2.0) * uVibrance;\n    color.r += max != color.r ? (max - color.r) * amt : 0.00;\n    color.g += max != color.g ? (max - color.g) * amt : 0.00;\n    color.b += max != color.b ? (max - color.b) * amt : 0.00;\n    gl_FragColor = color;\n  }\n`;\n"],"mappings":";AAAA,MAAa,iBAAiB"}

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

@@ -1,70 +0,0 @@
-import type { WebGLFilterBackend } from './WebGLFilterBackend';
-import type { Canvas2dFilterBackend } from './Canvas2dFilterBackend';
-export type TProgramCache = any;
-export type TTextureCache = Record<string, WebGLTexture>;
-export type TPipelineResources = {
-    blendImage?: HTMLCanvasElement;
-    blurLayer1?: HTMLCanvasElement;
-    blurLayer2?: HTMLCanvasElement;
-    sliceByTwo?: HTMLCanvasElement;
-} & Record<string, unknown>;
-export type TWebGLPipelineState = {
-    filterBackend: WebGLFilterBackend;
-    originalWidth: number;
-    originalHeight: number;
-    sourceWidth: number;
-    sourceHeight: number;
-    destinationWidth: number;
-    destinationHeight: number;
-    context: WebGLRenderingContext;
-    sourceTexture: WebGLTexture | null;
-    targetTexture: WebGLTexture | null;
-    originalTexture: WebGLTexture;
-    passes: number;
-    webgl: boolean;
-    aPosition: Float32Array;
-    programCache: TProgramCache;
-    pass: number;
-    targetCanvas: HTMLCanvasElement;
-};
-export type T2DPipelineState = {
-    sourceWidth: number;
-    sourceHeight: number;
-    filterBackend: Canvas2dFilterBackend;
-    canvasEl: HTMLCanvasElement;
-    imageData: ImageData;
-    originalEl: CanvasImageSource;
-    originalImageData?: ImageData;
-    ctx: CanvasRenderingContext2D;
-    helpLayer?: HTMLCanvasElement;
-};
-export type TWebGLUniformLocationMap = Record<string, WebGLUniformLocation | null>;
-export type TWebGLAttributeLocationMap = Record<string, number>;
-export type TWebGLProgramCacheItem = {
-    program: WebGLProgram;
-    attributeLocations: TWebGLAttributeLocationMap;
-    uniformLocations: TWebGLUniformLocationMap;
-};
-export type TMatColorMatrix = [
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number,
-    number
-];
-//# sourceMappingURL=typedefs.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"typedefs.d.ts","sourceRoot":"","sources":["../../../src/filters/typedefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,MAAM,MAAM,aAAa,GAAG,GAAG,CAAC;AAEhC,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAEzD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,UAAU,CAAC,EAAE,iBAAiB,CAAC;CAChC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5B,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,EAAE,kBAAkB,CAAC;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,aAAa,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAC;IACnC,eAAe,EAAE,YAAY,CAAC;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,YAAY,CAAC;IACxB,YAAY,EAAE,aAAa,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,iBAAiB,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,qBAAqB,CAAC;IACrC,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,GAAG,EAAE,wBAAwB,CAAC;IAC9B,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,MAAM,CAC3C,MAAM,EACN,oBAAoB,GAAG,IAAI,CAC5B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhE,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,YAAY,CAAC;IACtB,kBAAkB,EAAE,0BAA0B,CAAC;IAC/C,gBAAgB,EAAE,wBAAwB,CAAC;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;CACP,CAAC"}

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

@@ -1,10 +0,0 @@
-import type { TWebGLPipelineState, T2DPipelineState } from './typedefs';
-export declare const isWebGLPipelineState: (options: TWebGLPipelineState | T2DPipelineState) => options is TWebGLPipelineState;
-/**
- * Pick a method to copy data from GL context to 2d canvas.  In some browsers using
- * drawImage should be faster, but is also bugged for a small combination of old hardware
- * and drivers.
- * putImageData is faster than drawImage for that specific operation.
- */
-export declare const isPutImageFaster: (width: number, height: number) => boolean;
-//# sourceMappingURL=utils.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/filters/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAExE,eAAO,MAAM,oBAAoB,GAC/B,SAAS,mBAAmB,GAAG,gBAAgB,KAC9C,OAAO,IAAI,mBAEb,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAAI,OAAO,MAAM,EAAE,QAAQ,MAAM,KAAG,OAkChE,CAAC"}

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

@@ -1,2 +0,0 @@
-import{getFabricWindow as e}from"../env/index.min.mjs";import{createCanvasElement as t,createCanvasElementFor as n}from"../util/misc/dom.min.mjs";import{WebGLFilterBackend as r}from"./WebGLFilterBackend.min.mjs";const i=e=>e.webgl!==void 0,a=(i,a)=>{let o=n({width:i,height:a}),s=t().getContext(`webgl`),c={imageBuffer:new ArrayBuffer(i*a*4)},l={destinationWidth:i,destinationHeight:a,targetCanvas:o},u;u=e().performance.now(),r.prototype.copyGLTo2D.call(c,s,l);let d=e().performance.now()-u;return u=e().performance.now(),r.prototype.copyGLTo2DPutImageData.call(c,s,l),d>e().performance.now()-u};export{a as isPutImageFaster,i as isWebGLPipelineState};
-//# sourceMappingURL=utils.min.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.min.mjs","names":[],"sources":["../../../src/filters/utils.ts"],"sourcesContent":["import { getFabricWindow } from '../env';\nimport { createCanvasElement, createCanvasElementFor } from '../util/misc/dom';\nimport { WebGLFilterBackend } from './WebGLFilterBackend';\nimport type { TWebGLPipelineState, T2DPipelineState } from './typedefs';\n\nexport const isWebGLPipelineState = (\n  options: TWebGLPipelineState | T2DPipelineState,\n): options is TWebGLPipelineState => {\n  return (options as TWebGLPipelineState).webgl !== undefined;\n};\n\n/**\n * Pick a method to copy data from GL context to 2d canvas.  In some browsers using\n * drawImage should be faster, but is also bugged for a small combination of old hardware\n * and drivers.\n * putImageData is faster than drawImage for that specific operation.\n */\nexport const isPutImageFaster = (width: number, height: number): boolean => {\n  const targetCanvas = createCanvasElementFor({ width, height });\n  const sourceCanvas = createCanvasElement();\n  const gl = sourceCanvas.getContext('webgl')!;\n\n  const imageBuffer = new ArrayBuffer(width * height * 4);\n\n  const testContext = {\n    imageBuffer: imageBuffer,\n  } as unknown as Required<WebGLFilterBackend>;\n  const testPipelineState = {\n    destinationWidth: width,\n    destinationHeight: height,\n    targetCanvas: targetCanvas,\n  } as unknown as TWebGLPipelineState;\n  let startTime;\n\n  startTime = getFabricWindow().performance.now();\n  WebGLFilterBackend.prototype.copyGLTo2D.call(\n    testContext,\n    gl,\n    testPipelineState,\n  );\n  const drawImageTime = getFabricWindow().performance.now() - startTime;\n\n  startTime = getFabricWindow().performance.now();\n  WebGLFilterBackend.prototype.copyGLTo2DPutImageData.call(\n    testContext,\n    gl,\n    testPipelineState,\n  );\n  const putImageDataTime = getFabricWindow().performance.now() - startTime;\n\n  return drawImageTime > putImageDataTime;\n};\n"],"mappings":"oNAKA,MAAa,EACX,GAEQ,EAAgC,QAFxC,IAEkD,GASvC,GAAoB,EAAe,IAAA,CAC9C,IAAM,EAAe,EAAuB,CAAE,MAAA,EAAO,OAAA,EAAA,CAAA,CAE/C,EADe,GAAA,CACG,WAAW,QAAA,CAI7B,EAAc,CAClB,YAHkB,IAAI,YAAY,EAAQ,EAAS,EAAA,CAAA,CAK/C,EAAoB,CACxB,iBAAkB,EAClB,kBAAmB,EACL,aAAA,EAAA,CAEZ,EAEJ,EAAY,GAAA,CAAkB,YAAY,KAAA,CAC1C,EAAmB,UAAU,WAAW,KACtC,EACA,EACA,EAAA,CAEF,IAAM,EAAgB,GAAA,CAAkB,YAAY,KAAA,CAAQ,EAU5D,MARA,GAAY,GAAA,CAAkB,YAAY,KAAA,CAC1C,EAAmB,UAAU,uBAAuB,KAClD,EACA,EACA,EAAA,CAIK,EAFkB,GAAA,CAAkB,YAAY,KAAA,CAAQ,GAAA,OAAA,KAAA,iBAAA,KAAA"}

package/dist/src/filters/utils.mjs

@@ -1,37 +0,0 @@
-import { getFabricWindow } from "../env/index.mjs";
-import { createCanvasElement, createCanvasElementFor } from "../util/misc/dom.mjs";
-import { WebGLFilterBackend } from "./WebGLFilterBackend.mjs";
-//#region src/filters/utils.ts
-const isWebGLPipelineState = (options) => {
-	return options.webgl !== void 0;
-};
-/**
-* Pick a method to copy data from GL context to 2d canvas.  In some browsers using
-* drawImage should be faster, but is also bugged for a small combination of old hardware
-* and drivers.
-* putImageData is faster than drawImage for that specific operation.
-*/
-const isPutImageFaster = (width, height) => {
-	const targetCanvas = createCanvasElementFor({
-		width,
-		height
-	});
-	const gl = createCanvasElement().getContext("webgl");
-	const testContext = { imageBuffer: /* @__PURE__ */ new ArrayBuffer(width * height * 4) };
-	const testPipelineState = {
-		destinationWidth: width,
-		destinationHeight: height,
-		targetCanvas
-	};
-	let startTime;
-	startTime = getFabricWindow().performance.now();
-	WebGLFilterBackend.prototype.copyGLTo2D.call(testContext, gl, testPipelineState);
-	const drawImageTime = getFabricWindow().performance.now() - startTime;
-	startTime = getFabricWindow().performance.now();
-	WebGLFilterBackend.prototype.copyGLTo2DPutImageData.call(testContext, gl, testPipelineState);
-	return drawImageTime > getFabricWindow().performance.now() - startTime;
-};
-//#endregion
-export { isPutImageFaster, isWebGLPipelineState };
-
-//# sourceMappingURL=utils.mjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/filters/utils.ts"],"sourcesContent":["import { getFabricWindow } from '../env';\nimport { createCanvasElement, createCanvasElementFor } from '../util/misc/dom';\nimport { WebGLFilterBackend } from './WebGLFilterBackend';\nimport type { TWebGLPipelineState, T2DPipelineState } from './typedefs';\n\nexport const isWebGLPipelineState = (\n  options: TWebGLPipelineState | T2DPipelineState,\n): options is TWebGLPipelineState => {\n  return (options as TWebGLPipelineState).webgl !== undefined;\n};\n\n/**\n * Pick a method to copy data from GL context to 2d canvas.  In some browsers using\n * drawImage should be faster, but is also bugged for a small combination of old hardware\n * and drivers.\n * putImageData is faster than drawImage for that specific operation.\n */\nexport const isPutImageFaster = (width: number, height: number): boolean => {\n  const targetCanvas = createCanvasElementFor({ width, height });\n  const sourceCanvas = createCanvasElement();\n  const gl = sourceCanvas.getContext('webgl')!;\n\n  const imageBuffer = new ArrayBuffer(width * height * 4);\n\n  const testContext = {\n    imageBuffer: imageBuffer,\n  } as unknown as Required<WebGLFilterBackend>;\n  const testPipelineState = {\n    destinationWidth: width,\n    destinationHeight: height,\n    targetCanvas: targetCanvas,\n  } as unknown as TWebGLPipelineState;\n  let startTime;\n\n  startTime = getFabricWindow().performance.now();\n  WebGLFilterBackend.prototype.copyGLTo2D.call(\n    testContext,\n    gl,\n    testPipelineState,\n  );\n  const drawImageTime = getFabricWindow().performance.now() - startTime;\n\n  startTime = getFabricWindow().performance.now();\n  WebGLFilterBackend.prototype.copyGLTo2DPutImageData.call(\n    testContext,\n    gl,\n    testPipelineState,\n  );\n  const putImageDataTime = getFabricWindow().performance.now() - startTime;\n\n  return drawImageTime > putImageDataTime;\n};\n"],"mappings":";;;;AAKA,MAAa,wBACX,YACmC;AACnC,QAAQ,QAAgC,UAAU,KAAA;;;;;;;;AASpD,MAAa,oBAAoB,OAAe,WAA4B;CAC1E,MAAM,eAAe,uBAAuB;EAAE;EAAO;EAAQ,CAAC;CAE9D,MAAM,KADe,qBAAqB,CAClB,WAAW,QAAQ;CAI3C,MAAM,cAAc,EAClB,6BAHkB,IAAI,YAAY,QAAQ,SAAS,EAAE,EAItD;CACD,MAAM,oBAAoB;EACxB,kBAAkB;EAClB,mBAAmB;EACL;EACf;CACD,IAAI;AAEJ,aAAY,iBAAiB,CAAC,YAAY,KAAK;AAC/C,oBAAmB,UAAU,WAAW,KACtC,aACA,IACA,kBACD;CACD,MAAM,gBAAgB,iBAAiB,CAAC,YAAY,KAAK,GAAG;AAE5D,aAAY,iBAAiB,CAAC,YAAY,KAAK;AAC/C,oBAAmB,UAAU,uBAAuB,KAClD,aACA,IACA,kBACD;AAGD,QAAO,gBAFkB,iBAAiB,CAAC,YAAY,KAAK,GAAG"}

package/dist/src/gradient/Gradient.d.ts

@@ -1,142 +0,0 @@
-import type { FabricObject } from '../shapes/Object/FabricObject';
-import type { TMat2D } from '../typedefs';
-import type { ColorStop, GradientCoords, GradientOptions, GradientType, GradientUnits, SVGOptions, SerializedGradientProps } from './typedefs';
-/**
- * Gradient class
- * @class Gradient
- * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-2#gradients}
- */
-export declare class Gradient<S, T extends GradientType = S extends GradientType ? S : 'linear'> {
-    /**
-     * Horizontal offset for aligning gradients coming from SVG when outside pathgroups
-     * @type Number
-     * @default 0
-     */
-    offsetX: number;
-    /**
-     * Vertical offset for aligning gradients coming from SVG when outside pathgroups
-     * @type Number
-     * @default 0
-     */
-    offsetY: number;
-    /**
-     * A transform matrix to apply to the gradient before painting.
-     * Imported from svg gradients, is not applied with the current transform in the center.
-     * Before this transform is applied, the origin point is at the top left corner of the object
-     * plus the addition of offsetY and offsetX.
-     * @type Number[]
-     * @default null
-     */
-    gradientTransform?: TMat2D;
-    /**
-     * coordinates units for coords.
-     * If `pixels`, the number of coords are in the same unit of width / height.
-     * If set as `percentage` the coords are still a number, but 1 means 100% of width
-     * for the X and 100% of the height for the y. It can be bigger than 1 and negative.
-     * allowed values pixels or percentage.
-     * @type GradientUnits
-     * @default 'pixels'
-     */
-    gradientUnits: GradientUnits;
-    /**
-     * Gradient type linear or radial
-     * @type GradientType
-     * @default 'linear'
-     */
-    type: T;
-    /**
-     * Defines how the gradient is located in space and spread
-     * @type GradientCoords
-     */
-    coords: GradientCoords<T>;
-    /**
-     * Defines how many colors a gradient has and how they are located on the axis
-     * defined by coords
-     * @type GradientCoords
-     */
-    colorStops: ColorStop[];
-    /**
-     * If true, this object will not be exported during the serialization of a canvas
-     * @type boolean
-     */
-    excludeFromExport?: boolean;
-    /**
-     * ID used for SVG export functionalities
-     * @type number | string
-     */
-    readonly id: string | number;
-    static type: string;
-    constructor(options: GradientOptions<T>);
-    /**
-     * Adds another colorStop
-     * @param {Record<string, string>} colorStop Object with offset and color
-     * @return {Gradient} thisArg
-     */
-    addColorStop(colorStops: Record<string, string>): this;
-    /**
-     * Returns object representation of a gradient
-     * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output
-     * @return {object}
-     */
-    toObject(propertiesToInclude?: (keyof this | string)[]): SerializedGradientProps<T>;
-    /**
-     * Returns SVG representation of an gradient
-     * @param {FabricObject} object Object to create a gradient for
-     * @return {String} SVG representation of an gradient (linear/radial)
-     */
-    toSVG(object: FabricObject, { additionalTransform: preTransform, }?: {
-        additionalTransform?: string;
-    }): string;
-    /**
-     * Returns an instance of CanvasGradient
-     * @param {CanvasRenderingContext2D} ctx Context to render on
-     * @return {CanvasGradient}
-     */
-    toLive(ctx: CanvasRenderingContext2D): CanvasGradient;
-    static fromObject(options: GradientOptions<'linear'>): Promise<Gradient<'linear'>>;
-    static fromObject(options: GradientOptions<'radial'>): Promise<Gradient<'radial'>>;
-    /**
-     * Returns {@link Gradient} instance from an SVG element
-     * @param {SVGGradientElement} el SVG gradient element
-     * @param {FabricObject} instance
-     * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.
-     * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients
-     * that uses gradientUnits as 'userSpaceOnUse' and percentages.
-     * @return {Gradient} Gradient instance
-     * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement
-     * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement
-     *
-     *  @example
-     *
-     *  <linearGradient id="linearGrad1">
-     *    <stop offset="0%" stop-color="white"/>
-     *    <stop offset="100%" stop-color="black"/>
-     *  </linearGradient>
-     *
-     *  OR
-     *
-     *  <linearGradient id="linearGrad2">
-     *    <stop offset="0" style="stop-color:rgb(255,255,255)"/>
-     *    <stop offset="1" style="stop-color:rgb(0,0,0)"/>
-     *  </linearGradient>
-     *
-     *  OR
-     *
-     *  <radialGradient id="radialGrad1">
-     *    <stop offset="0%" stop-color="white" stop-opacity="1" />
-     *    <stop offset="50%" stop-color="black" stop-opacity="0.5" />
-     *    <stop offset="100%" stop-color="white" stop-opacity="1" />
-     *  </radialGradient>
-     *
-     *  OR
-     *
-     *  <radialGradient id="radialGrad2">
-     *    <stop offset="0" stop-color="rgb(255,255,255)" />
-     *    <stop offset="0.5" stop-color="rgb(0,0,0)" />
-     *    <stop offset="1" stop-color="rgb(255,255,255)" />
-     *  </radialGradient>
-     *
-     */
-    static fromElement(el: SVGGradientElement, instance: FabricObject, svgOptions: SVGOptions): Gradient<GradientType>;
-}
-//# sourceMappingURL=Gradient.d.ts.map

package/dist/src/gradient/Gradient.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gradient.d.ts","sourceRoot":"","sources":["../../../src/gradient/Gradient.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAQ1C,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,EACb,UAAU,EACV,uBAAuB,EACxB,MAAM,YAAY,CAAC;AAKpB;;;;GAIG;AACH,qBAAa,QAAQ,CACnB,CAAC,EACD,CAAC,SAAS,YAAY,GAAG,CAAC,SAAS,YAAY,GAAG,CAAC,GAAG,QAAQ;IAE9D;;;;OAIG;IACK,OAAO,EAAE,MAAM,CAAC;IAExB;;;;OAIG;IACK,OAAO,EAAE,MAAM,CAAC;IAExB;;;;;;;OAOG;IACK,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAEnC;;;;;;;;OAQG;IACK,aAAa,EAAE,aAAa,CAAC;IAErC;;;;OAIG;IACK,IAAI,EAAE,CAAC,CAAC;IAEhB;;;OAGG;IACK,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAElC;;;;OAIG;IACK,UAAU,EAAE,SAAS,EAAE,CAAC;IAEhC;;;OAGG;IACK,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,SAAiB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC,MAAM,CAAC,IAAI,SAAc;gBAEb,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC;IA0BvC;;;;OAIG;IACH,YAAY,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IAU/C;;;;OAIG;IACH,QAAQ,CACN,mBAAmB,CAAC,EAAE,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,GAC5C,uBAAuB,CAAC,CAAC,CAAC;IAgB7B;;;;OAIG;IACH,KAAK,CACH,MAAM,EAAE,YAAY,EACpB,EACE,mBAAmB,EAAE,YAAY,GAClC,GAAE;QAAE,mBAAmB,CAAC,EAAE,MAAM,CAAA;KAAO;IA6H1C;;;;OAIG;IACH,MAAM,CAAC,GAAG,EAAE,wBAAwB,GAAG,cAAc;WAcxC,UAAU,CACrB,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,GACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;WACjB,UAAU,CACrB,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC,GACjC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAe9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAyCG;IACH,MAAM,CAAC,WAAW,CAChB,EAAE,EAAE,kBAAkB,EACtB,QAAQ,EAAE,YAAY,EACtB,UAAU,EAAE,UAAU,GACrB,QAAQ,CAAC,YAAY,CAAC;CA2B1B"}

package/dist/src/gradient/Gradient.min.mjs

@@ -1,5 +0,0 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{iMatrix as t}from"../constants.min.mjs";import{classRegistry as n}from"../ClassRegistry.min.mjs";import{uid as r}from"../util/internals/uid.min.mjs";import{pick as i}from"../util/misc/pick.min.mjs";import{matrixToSVG as a}from"../util/misc/svgExport.min.mjs";import{isPath as o}from"../util/typeAssertions.min.mjs";import{escapeXml as s}from"../util/lang_string.min.mjs";import{parseTransformAttribute as c}from"../parser/parseTransformAttribute.min.mjs";import{linearDefaultCoords as l,radialDefaultCoords as u}from"./constants.min.mjs";import{parseColorStops as d}from"./parser/parseColorStops.min.mjs";import{parseGradientUnits as f,parseType as p}from"./parser/misc.min.mjs";import{parseCoords as m}from"./parser/parseCoords.min.mjs";var h=class{constructor(e){let{type:t=`linear`,gradientUnits:n=`pixels`,coords:i={},colorStops:a=[],offsetX:o=0,offsetY:s=0,gradientTransform:c,id:d}=e||{};Object.assign(this,{type:t,gradientUnits:n,coords:{...t===`radial`?u:l,...i},colorStops:a,offsetX:o,offsetY:s,gradientTransform:c,id:d?`${d}_${r()}`:r()})}addColorStop(e){for(let t in e)this.colorStops.push({offset:parseFloat(t),color:e[t]});return this}toObject(e){return{...i(this,e),type:this.type,coords:{...this.coords},colorStops:this.colorStops.map(e=>({...e})),offsetX:this.offsetX,offsetY:this.offsetY,gradientUnits:this.gradientUnits,gradientTransform:this.gradientTransform?[...this.gradientTransform]:void 0}}toSVG(e,{additionalTransform:n}={}){let r=[],i=this.gradientTransform?this.gradientTransform.concat():t.concat(),c=this.gradientUnits===`pixels`?`userSpaceOnUse`:`objectBoundingBox`,l=this.colorStops.map(e=>({...e})).sort((e,t)=>e.offset-t.offset),u=-this.offsetX,d=-this.offsetY;c===`objectBoundingBox`?(u/=e.width,d/=e.height):(u+=e.width/2,d+=e.height/2),o(e)&&this.gradientUnits!==`percentage`&&(u-=e.pathOffset.x,d-=e.pathOffset.y),i[4]-=u,i[5]-=d;let f=[`id="SVGID_${s(String(this.id))}"`,`gradientUnits="${c}"`,`gradientTransform="${n?n+` `:``}${a(i)}"`,``].join(` `),p=e=>parseFloat(String(e));if(this.type===`linear`){let{x1:e,y1:t,x2:n,y2:i}=this.coords,a=p(e),o=p(t),s=p(n),c=p(i);r.push(`<linearGradient `,f,` x1="`,a,`" y1="`,o,`" x2="`,s,`" y2="`,c,`">
-`)}else if(this.type===`radial`){let{x1:e,y1:t,x2:n,y2:i,r1:a,r2:o}=this.coords,s=p(e),c=p(t),u=p(n),d=p(i),m=p(a),h=p(o),g=m>h;r.push(`<radialGradient `,f,` cx="`,g?s:u,`" cy="`,g?c:d,`" r="`,g?m:h,`" fx="`,g?u:s,`" fy="`,g?d:c,`">
-`),g&&(l.reverse(),l.forEach(e=>{e.offset=1-e.offset}));let _=Math.min(m,h);if(_>0){let e=_/Math.max(m,h);l.forEach(t=>{t.offset+=e*(1-t.offset)})}}return l.forEach(({color:e,offset:t})=>{r.push(`<stop offset="${100*t}%" style="stop-color:${e};"/>\n`)}),r.push(this.type===`linear`?`</linearGradient>`:`</radialGradient>`,`
-`),r.join(``)}toLive(e){let{x1:t,y1:n,x2:r,y2:i,r1:a,r2:o}=this.coords,s=this.type===`linear`?e.createLinearGradient(t,n,r,i):e.createRadialGradient(t,n,a,r,i,o);return this.colorStops.forEach(({color:e,offset:t})=>{s.addColorStop(t,e)}),s}static async fromObject(e){let{colorStops:t,gradientTransform:n}=e;return new this({...e,colorStops:t?t.map(e=>({...e})):void 0,gradientTransform:n?[...n]:void 0})}static fromElement(e,t,n){let r=f(e),i=t._findCenterFromElement();return new this({id:e.getAttribute(`id`)||void 0,type:p(e),coords:m(e,{width:n.viewBoxWidth||n.width,height:n.viewBoxHeight||n.height}),colorStops:d(e,n.opacity),gradientUnits:r,gradientTransform:c(e.getAttribute(`gradientTransform`)||``),...r===`pixels`?{offsetX:t.width/2-i.x,offsetY:t.height/2-i.y}:{offsetX:0,offsetY:0}})}};e(h,`type`,`Gradient`),n.setClass(h,`gradient`),n.setClass(h,`linear`),n.setClass(h,`radial`);export{h as Gradient};
-//# sourceMappingURL=Gradient.min.mjs.map

package/dist/src/gradient/Gradient.min.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Gradient.min.mjs","names":[],"sources":["../../../src/gradient/Gradient.ts"],"sourcesContent":["import { iMatrix } from '../constants';\nimport { parseTransformAttribute } from '../parser/parseTransformAttribute';\nimport type { FabricObject } from '../shapes/Object/FabricObject';\nimport type { TMat2D } from '../typedefs';\nimport { uid } from '../util/internals/uid';\nimport { pick } from '../util/misc/pick';\nimport { matrixToSVG } from '../util/misc/svgExport';\nimport { linearDefaultCoords, radialDefaultCoords } from './constants';\nimport { parseColorStops } from './parser/parseColorStops';\nimport { parseCoords } from './parser/parseCoords';\nimport { parseType, parseGradientUnits } from './parser/misc';\nimport type {\n  ColorStop,\n  GradientCoords,\n  GradientOptions,\n  GradientType,\n  GradientUnits,\n  SVGOptions,\n  SerializedGradientProps,\n} from './typedefs';\nimport { classRegistry } from '../ClassRegistry';\nimport { isPath } from '../util/typeAssertions';\nimport { escapeXml } from '../util/lang_string';\n\n/**\n * Gradient class\n * @class Gradient\n * @see {@link http://fabric5.fabricjs.com/fabric-intro-part-2#gradients}\n */\nexport class Gradient<\n  S,\n  T extends GradientType = S extends GradientType ? S : 'linear',\n> {\n  /**\n   * Horizontal offset for aligning gradients coming from SVG when outside pathgroups\n   * @type Number\n   * @default 0\n   */\n  declare offsetX: number;\n\n  /**\n   * Vertical offset for aligning gradients coming from SVG when outside pathgroups\n   * @type Number\n   * @default 0\n   */\n  declare offsetY: number;\n\n  /**\n   * A transform matrix to apply to the gradient before painting.\n   * Imported from svg gradients, is not applied with the current transform in the center.\n   * Before this transform is applied, the origin point is at the top left corner of the object\n   * plus the addition of offsetY and offsetX.\n   * @type Number[]\n   * @default null\n   */\n  declare gradientTransform?: TMat2D;\n\n  /**\n   * coordinates units for coords.\n   * If `pixels`, the number of coords are in the same unit of width / height.\n   * If set as `percentage` the coords are still a number, but 1 means 100% of width\n   * for the X and 100% of the height for the y. It can be bigger than 1 and negative.\n   * allowed values pixels or percentage.\n   * @type GradientUnits\n   * @default 'pixels'\n   */\n  declare gradientUnits: GradientUnits;\n\n  /**\n   * Gradient type linear or radial\n   * @type GradientType\n   * @default 'linear'\n   */\n  declare type: T;\n\n  /**\n   * Defines how the gradient is located in space and spread\n   * @type GradientCoords\n   */\n  declare coords: GradientCoords<T>;\n\n  /**\n   * Defines how many colors a gradient has and how they are located on the axis\n   * defined by coords\n   * @type GradientCoords\n   */\n  declare colorStops: ColorStop[];\n\n  /**\n   * If true, this object will not be exported during the serialization of a canvas\n   * @type boolean\n   */\n  declare excludeFromExport?: boolean;\n\n  /**\n   * ID used for SVG export functionalities\n   * @type number | string\n   */\n  declare readonly id: string | number;\n\n  static type = 'Gradient';\n\n  constructor(options: GradientOptions<T>) {\n    const {\n      type = 'linear' as T,\n      gradientUnits = 'pixels',\n      coords = {},\n      colorStops = [],\n      offsetX = 0,\n      offsetY = 0,\n      gradientTransform,\n      id,\n    } = options || {};\n    Object.assign(this, {\n      type,\n      gradientUnits,\n      coords: {\n        ...(type === 'radial' ? radialDefaultCoords : linearDefaultCoords),\n        ...coords,\n      },\n      colorStops,\n      offsetX,\n      offsetY,\n      gradientTransform,\n      id: id ? `${id}_${uid()}` : uid(),\n    });\n  }\n\n  /**\n   * Adds another colorStop\n   * @param {Record<string, string>} colorStop Object with offset and color\n   * @return {Gradient} thisArg\n   */\n  addColorStop(colorStops: Record<string, string>) {\n    for (const position in colorStops) {\n      this.colorStops.push({\n        offset: parseFloat(position),\n        color: colorStops[position],\n      });\n    }\n    return this;\n  }\n\n  /**\n   * Returns object representation of a gradient\n   * @param {string[]} [propertiesToInclude] Any properties that you might want to additionally include in the output\n   * @return {object}\n   */\n  toObject(\n    propertiesToInclude?: (keyof this | string)[],\n  ): SerializedGradientProps<T> {\n    return {\n      ...pick(this, propertiesToInclude as (keyof this)[]),\n      type: this.type,\n      coords: { ...this.coords },\n      colorStops: this.colorStops.map((colorStop) => ({ ...colorStop })),\n      offsetX: this.offsetX,\n      offsetY: this.offsetY,\n      gradientUnits: this.gradientUnits,\n      gradientTransform: this.gradientTransform\n        ? [...this.gradientTransform]\n        : undefined,\n    };\n  }\n\n  /* _TO_SVG_START_ */\n  /**\n   * Returns SVG representation of an gradient\n   * @param {FabricObject} object Object to create a gradient for\n   * @return {String} SVG representation of an gradient (linear/radial)\n   */\n  toSVG(\n    object: FabricObject,\n    {\n      additionalTransform: preTransform,\n    }: { additionalTransform?: string } = {},\n  ) {\n    const markup = [],\n      transform = (\n        this.gradientTransform\n          ? this.gradientTransform.concat()\n          : iMatrix.concat()\n      ) as TMat2D,\n      gradientUnits =\n        this.gradientUnits === 'pixels'\n          ? 'userSpaceOnUse'\n          : 'objectBoundingBox';\n    // colorStops must be sorted ascending, and guarded against deep mutations\n    const colorStops = this.colorStops\n      .map((colorStop) => ({ ...colorStop }))\n      .sort((a, b) => {\n        return a.offset - b.offset;\n      });\n\n    let offsetX = -this.offsetX,\n      offsetY = -this.offsetY;\n    if (gradientUnits === 'objectBoundingBox') {\n      offsetX /= object.width;\n      offsetY /= object.height;\n    } else {\n      offsetX += object.width / 2;\n      offsetY += object.height / 2;\n    }\n    // todo what about polygon/polyline?\n    if (isPath(object) && this.gradientUnits !== 'percentage') {\n      offsetX -= object.pathOffset.x;\n      offsetY -= object.pathOffset.y;\n    }\n    transform[4] -= offsetX;\n    transform[5] -= offsetY;\n\n    const commonAttributes = [\n      `id=\"SVGID_${escapeXml(String(this.id))}\"`,\n      `gradientUnits=\"${gradientUnits}\"`,\n      `gradientTransform=\"${\n        preTransform ? preTransform + ' ' : ''\n      }${matrixToSVG(transform)}\"`,\n      '',\n    ].join(' ');\n\n    const sanitizeCoord = (value: unknown) => parseFloat(String(value));\n\n    if (this.type === 'linear') {\n      const { x1, y1, x2, y2 } = this.coords;\n      const sx1 = sanitizeCoord(x1);\n      const sy1 = sanitizeCoord(y1);\n      const sx2 = sanitizeCoord(x2);\n      const sy2 = sanitizeCoord(y2);\n      markup.push(\n        '<linearGradient ',\n        commonAttributes,\n        ' x1=\"',\n        sx1,\n        '\" y1=\"',\n        sy1,\n        '\" x2=\"',\n        sx2,\n        '\" y2=\"',\n        sy2,\n        '\">\\n',\n      );\n    } else if (this.type === 'radial') {\n      const { x1, y1, x2, y2, r1, r2 } = this\n        .coords as GradientCoords<'radial'>;\n      const sx1 = sanitizeCoord(x1);\n      const sy1 = sanitizeCoord(y1);\n      const sx2 = sanitizeCoord(x2);\n      const sy2 = sanitizeCoord(y2);\n      const sr1 = sanitizeCoord(r1);\n      const sr2 = sanitizeCoord(r2);\n      const needsSwap = sr1 > sr2;\n      // svg radial gradient has just 1 radius. the biggest.\n      markup.push(\n        '<radialGradient ',\n        commonAttributes,\n        ' cx=\"',\n        needsSwap ? sx1 : sx2,\n        '\" cy=\"',\n        needsSwap ? sy1 : sy2,\n        '\" r=\"',\n        needsSwap ? sr1 : sr2,\n        '\" fx=\"',\n        needsSwap ? sx2 : sx1,\n        '\" fy=\"',\n        needsSwap ? sy2 : sy1,\n        '\">\\n',\n      );\n      if (needsSwap) {\n        // svg goes from internal to external radius. if radius are inverted, swap color stops.\n        colorStops.reverse(); //  mutates array\n        colorStops.forEach((colorStop) => {\n          colorStop.offset = 1 - colorStop.offset;\n        });\n      }\n      const minRadius = Math.min(sr1, sr2);\n      if (minRadius > 0) {\n        // i have to shift all colorStops and add new one in 0.\n        const maxRadius = Math.max(sr1, sr2),\n          percentageShift = minRadius / maxRadius;\n        colorStops.forEach((colorStop) => {\n          colorStop.offset += percentageShift * (1 - colorStop.offset);\n        });\n      }\n    }\n    // todo make a malicious script tag injection test with color and also apply a fix with escapeXml\n    colorStops.forEach(({ color, offset }) => {\n      markup.push(\n        `<stop offset=\"${offset * 100}%\" style=\"stop-color:${color};\"/>\\n`,\n      );\n    });\n\n    markup.push(\n      this.type === 'linear' ? '</linearGradient>' : '</radialGradient>',\n      '\\n',\n    );\n\n    return markup.join('');\n  }\n  /* _TO_SVG_END_ */\n\n  /**\n   * Returns an instance of CanvasGradient\n   * @param {CanvasRenderingContext2D} ctx Context to render on\n   * @return {CanvasGradient}\n   */\n  toLive(ctx: CanvasRenderingContext2D): CanvasGradient {\n    const { x1, y1, x2, y2, r1, r2 } = this.coords as GradientCoords<'radial'>;\n    const gradient =\n      this.type === 'linear'\n        ? ctx.createLinearGradient(x1, y1, x2, y2)\n        : ctx.createRadialGradient(x1, y1, r1, x2, y2, r2);\n\n    this.colorStops.forEach(({ color, offset }) => {\n      gradient.addColorStop(offset, color);\n    });\n\n    return gradient;\n  }\n\n  static async fromObject(\n    options: GradientOptions<'linear'>,\n  ): Promise<Gradient<'linear'>>;\n  static async fromObject(\n    options: GradientOptions<'radial'>,\n  ): Promise<Gradient<'radial'>>;\n  static async fromObject(\n    options: GradientOptions<'linear'> | GradientOptions<'radial'>,\n  ) {\n    const { colorStops, gradientTransform } = options;\n    return new this({\n      ...options,\n      colorStops: colorStops\n        ? colorStops.map((colorStop) => ({ ...colorStop }))\n        : undefined,\n      gradientTransform: gradientTransform ? [...gradientTransform] : undefined,\n    });\n  }\n\n  /* _FROM_SVG_START_ */\n  /**\n   * Returns {@link Gradient} instance from an SVG element\n   * @param {SVGGradientElement} el SVG gradient element\n   * @param {FabricObject} instance\n   * @param {String} opacity A fill-opacity or stroke-opacity attribute to multiply to each stop's opacity.\n   * @param {SVGOptions} svgOptions an object containing the size of the SVG in order to parse correctly gradients\n   * that uses gradientUnits as 'userSpaceOnUse' and percentages.\n   * @return {Gradient} Gradient instance\n   * @see http://www.w3.org/TR/SVG/pservers.html#LinearGradientElement\n   * @see http://www.w3.org/TR/SVG/pservers.html#RadialGradientElement\n   *\n   *  @example\n   *\n   *  <linearGradient id=\"linearGrad1\">\n   *    <stop offset=\"0%\" stop-color=\"white\"/>\n   *    <stop offset=\"100%\" stop-color=\"black\"/>\n   *  </linearGradient>\n   *\n   *  OR\n   *\n   *  <linearGradient id=\"linearGrad2\">\n   *    <stop offset=\"0\" style=\"stop-color:rgb(255,255,255)\"/>\n   *    <stop offset=\"1\" style=\"stop-color:rgb(0,0,0)\"/>\n   *  </linearGradient>\n   *\n   *  OR\n   *\n   *  <radialGradient id=\"radialGrad1\">\n   *    <stop offset=\"0%\" stop-color=\"white\" stop-opacity=\"1\" />\n   *    <stop offset=\"50%\" stop-color=\"black\" stop-opacity=\"0.5\" />\n   *    <stop offset=\"100%\" stop-color=\"white\" stop-opacity=\"1\" />\n   *  </radialGradient>\n   *\n   *  OR\n   *\n   *  <radialGradient id=\"radialGrad2\">\n   *    <stop offset=\"0\" stop-color=\"rgb(255,255,255)\" />\n   *    <stop offset=\"0.5\" stop-color=\"rgb(0,0,0)\" />\n   *    <stop offset=\"1\" stop-color=\"rgb(255,255,255)\" />\n   *  </radialGradient>\n   *\n   */\n  static fromElement(\n    el: SVGGradientElement,\n    instance: FabricObject,\n    svgOptions: SVGOptions,\n  ): Gradient<GradientType> {\n    const gradientUnits = parseGradientUnits(el);\n    const center = instance._findCenterFromElement();\n    return new this({\n      id: el.getAttribute('id') || undefined,\n      type: parseType(el),\n      coords: parseCoords(el, {\n        width: svgOptions.viewBoxWidth || svgOptions.width,\n        height: svgOptions.viewBoxHeight || svgOptions.height,\n      }),\n      colorStops: parseColorStops(el, svgOptions.opacity),\n      gradientUnits,\n      gradientTransform: parseTransformAttribute(\n        el.getAttribute('gradientTransform') || '',\n      ),\n      ...(gradientUnits === 'pixels'\n        ? {\n            offsetX: instance.width / 2 - center.x,\n            offsetY: instance.height / 2 - center.y,\n          }\n        : {\n            offsetX: 0,\n            offsetY: 0,\n          }),\n    });\n  }\n  /* _FROM_SVG_END_ */\n}\n\nclassRegistry.setClass(Gradient, 'gradient');\nclassRegistry.setClass(Gradient, 'linear');\nclassRegistry.setClass(Gradient, 'radial');\n"],"mappings":"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"}