@nasser-sw/fabric 7.0.0-beta1

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

@@ -0,0 +1,22 @@
+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;
+  }
+`;
+
+export { fragmentSource };
+//# sourceMappingURL=pixelate.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pixelate.mjs","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"],"names":["fragmentSource"],"mappings":"AAAO,MAAMA,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+const r="\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";export{r as fragmentShader};
+//# sourceMappingURL=removeColor.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"removeColor.min.mjs","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"],"names":["fragmentShader"],"mappings":"AAAO,MAAMA,EAAiB"}

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

@@ -0,0 +1,16 @@
+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;
+  }
+}
+`;
+
+export { fragmentShader };
+//# sourceMappingURL=removeColor.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"removeColor.mjs","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"],"names":["fragmentShader"],"mappings":"AAAO,MAAMA,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+const o="\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";export{o as fragmentSource};
+//# sourceMappingURL=saturation.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"saturation.min.mjs","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"],"names":["fragmentSource"],"mappings":"AAAO,MAAMA,EAAiB"}

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

@@ -0,0 +1,18 @@
+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;
+  }
+`;
+
+export { fragmentSource };
+//# sourceMappingURL=saturation.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"saturation.mjs","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"],"names":["fragmentSource"],"mappings":"AAAO,MAAMA,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+const o="\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";export{o as fragmentSource};
+//# sourceMappingURL=vibrance.min.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vibrance.min.mjs","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"],"names":["fragmentSource"],"mappings":"AAAO,MAAMA,EAAiB"}

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

@@ -0,0 +1,19 @@
+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;
+  }
+`;
+
+export { fragmentSource };
+//# sourceMappingURL=vibrance.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"vibrance.mjs","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"],"names":["fragmentSource"],"mappings":"AAAO,MAAMA,cAAc,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -0,0 +1,70 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.min.mjs","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  // eslint-disable-next-line no-undef\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"],"names":["isWebGLPipelineState","options","undefined","webgl","isPutImageFaster","width","height","targetCanvas","createCanvasElementFor","gl","createCanvasElement","getContext","testContext","imageBuffer","ArrayBuffer","testPipelineState","destinationWidth","destinationHeight","startTime","getFabricWindow","performance","now","WebGLFilterBackend","prototype","copyGLTo2D","call","drawImageTime","copyGLTo2DPutImageData"],"mappings":"oNAKO,MAAMA,EACXC,QAEkDC,IAA1CD,EAAgCE,MAS7BC,EAAmBA,CAACC,EAAeC,KAC9C,MAAMC,EAAeC,EAAuB,CAAEH,QAAOC,WAE/CG,EADeC,IACGC,WAAW,SAI7BC,EAAc,CAClBC,YAHkB,IAAIC,YAAYT,EAAQC,EAAS,IAK/CS,EAAoB,CACxBC,iBAAkBX,EAClBY,kBAAmBX,EACnBC,aAAcA,GAEhB,IAAIW,EAEJA,EAAYC,IAAkBC,YAAYC,MAC1CC,EAAmBC,UAAUC,WAAWC,KACtCb,EACAH,EACAM,GAEF,MAAMW,EAAgBP,IAAkBC,YAAYC,MAAQH,EAE5DA,EAAYC,IAAkBC,YAAYC,MAC1CC,EAAmBC,UAAUI,uBAAuBF,KAClDb,EACAH,EACAM,GAIF,OAAOW,EAFkBP,IAAkBC,YAAYC,MAAQH"}

package/dist/src/filters/utils.mjs

@@ -0,0 +1,43 @@
+import { getFabricWindow } from '../env/index.mjs';
+import { createCanvasElementFor, createCanvasElement } from '../util/misc/dom.mjs';
+import { WebGLFilterBackend } from './WebGLFilterBackend.mjs';
+
+const isWebGLPipelineState = options => {
+  return options.webgl !== undefined;
+};
+
+/**
+ * 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 sourceCanvas = createCanvasElement();
+  const gl = sourceCanvas.getContext('webgl');
+  // eslint-disable-next-line no-undef
+  const imageBuffer = new ArrayBuffer(width * height * 4);
+  const testContext = {
+    imageBuffer: imageBuffer
+  };
+  const testPipelineState = {
+    destinationWidth: width,
+    destinationHeight: height,
+    targetCanvas: 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);
+  const putImageDataTime = getFabricWindow().performance.now() - startTime;
+  return drawImageTime > putImageDataTime;
+};
+
+export { isPutImageFaster, isWebGLPipelineState };
+//# sourceMappingURL=utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","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  // eslint-disable-next-line no-undef\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"],"names":["isWebGLPipelineState","options","webgl","undefined","isPutImageFaster","width","height","targetCanvas","createCanvasElementFor","sourceCanvas","createCanvasElement","gl","getContext","imageBuffer","ArrayBuffer","testContext","testPipelineState","destinationWidth","destinationHeight","startTime","getFabricWindow","performance","now","WebGLFilterBackend","prototype","copyGLTo2D","call","drawImageTime","copyGLTo2DPutImageData","putImageDataTime"],"mappings":";;;;AAKO,MAAMA,oBAAoB,GAC/BC,OAA+C,IACZ;AACnC,EAAA,OAAQA,OAAO,CAAyBC,KAAK,KAAKC,SAAS;AAC7D;;AAEA;AACA;AACA;AACA;AACA;AACA;MACaC,gBAAgB,GAAGA,CAACC,KAAa,EAAEC,MAAc,KAAc;EAC1E,MAAMC,YAAY,GAAGC,sBAAsB,CAAC;IAAEH,KAAK;AAAEC,IAAAA;AAAO,GAAC,CAAC;AAC9D,EAAA,MAAMG,YAAY,GAAGC,mBAAmB,EAAE;AAC1C,EAAA,MAAMC,EAAE,GAAGF,YAAY,CAACG,UAAU,CAAC,OAAO,CAAE;AAC5C;EACA,MAAMC,WAAW,GAAG,IAAIC,WAAW,CAACT,KAAK,GAAGC,MAAM,GAAG,CAAC,CAAC;AAEvD,EAAA,MAAMS,WAAW,GAAG;AAClBF,IAAAA,WAAW,EAAEA;GAC6B;AAC5C,EAAA,MAAMG,iBAAiB,GAAG;AACxBC,IAAAA,gBAAgB,EAAEZ,KAAK;AACvBa,IAAAA,iBAAiB,EAAEZ,MAAM;AACzBC,IAAAA,YAAY,EAAEA;GACmB;AACnC,EAAA,IAAIY,SAAS;EAEbA,SAAS,GAAGC,eAAe,EAAE,CAACC,WAAW,CAACC,GAAG,EAAE;AAC/CC,EAAAA,kBAAkB,CAACC,SAAS,CAACC,UAAU,CAACC,IAAI,CAC1CX,WAAW,EACXJ,EAAE,EACFK,iBACF,CAAC;AACD,EAAA,MAAMW,aAAa,GAAGP,eAAe,EAAE,CAACC,WAAW,CAACC,GAAG,EAAE,GAAGH,SAAS;EAErEA,SAAS,GAAGC,eAAe,EAAE,CAACC,WAAW,CAACC,GAAG,EAAE;AAC/CC,EAAAA,kBAAkB,CAACC,SAAS,CAACI,sBAAsB,CAACF,IAAI,CACtDX,WAAW,EACXJ,EAAE,EACFK,iBACF,CAAC;AACD,EAAA,MAAMa,gBAAgB,GAAGT,eAAe,EAAE,CAACC,WAAW,CAACC,GAAG,EAAE,GAAGH,SAAS;EAExE,OAAOQ,aAAa,GAAGE,gBAAgB;AACzC;;;;"}

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

@@ -0,0 +1,142 @@
+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://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

@@ -0,0 +1 @@
+{"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;AAIpB;;;;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;IAiH1C;;;;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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Gradient.min.mjs","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';\n\n/**\n * Gradient class\n * @class Gradient\n * @see {@link http://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_${this.id}\"`,\n      `gradientUnits=\"${gradientUnits}\"`,\n      `gradientTransform=\"${\n        preTransform ? preTransform + ' ' : ''\n      }${matrixToSVG(transform)}\"`,\n      '',\n    ].join(' ');\n\n    if (this.type === 'linear') {\n      const { x1, y1, x2, y2 } = this.coords;\n      markup.push(\n        '<linearGradient ',\n        commonAttributes,\n        ' x1=\"',\n        x1,\n        '\" y1=\"',\n        y1,\n        '\" x2=\"',\n        x2,\n        '\" y2=\"',\n        y2,\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 needsSwap = r1 > r2;\n      // svg radial gradient has just 1 radius. the biggest.\n      markup.push(\n        '<radialGradient ',\n        commonAttributes,\n        ' cx=\"',\n        needsSwap ? x1 : x2,\n        '\" cy=\"',\n        needsSwap ? y1 : y2,\n        '\" r=\"',\n        needsSwap ? r1 : r2,\n        '\" fx=\"',\n        needsSwap ? x2 : x1,\n        '\" fy=\"',\n        needsSwap ? y2 : y1,\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(r1, r2);\n      if (minRadius > 0) {\n        // i have to shift all colorStops and add new one in 0.\n        const maxRadius = Math.max(r1, r2),\n          percentageShift = minRadius / maxRadius;\n        colorStops.forEach((colorStop) => {\n          colorStop.offset += percentageShift * (1 - colorStop.offset);\n        });\n      }\n    }\n\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"],"names":["Gradient","constructor","options","type","gradientUnits","coords","colorStops","offsetX","offsetY","gradientTransform","id","Object","assign","this","radialDefaultCoords","linearDefaultCoords","uid","addColorStop","position","push","offset","parseFloat","color","toObject","propertiesToInclude","pick","map","colorStop","undefined","toSVG","object","additionalTransform","preTransform","arguments","length","markup","transform","concat","iMatrix","sort","a","b","width","height","isPath","pathOffset","x","y","commonAttributes","matrixToSVG","join","x1","y1","x2","y2","r1","r2","needsSwap","reverse","forEach","minRadius","Math","min","percentageShift","max","_ref","toLive","ctx","gradient","createLinearGradient","createRadialGradient","_ref2","fromObject","fromElement","el","instance","svgOptions","parseGradientUnits","center","_findCenterFromElement","getAttribute","parseType","parseCoords","viewBoxWidth","viewBoxHeight","parseColorStops","opacity","parseTransformAttribute","_defineProperty","classRegistry","setClass"],"mappings":"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"}