@nasser-sw/fabric 7.0.0-beta1

package/dist/src/color/Color.d.ts

@@ -0,0 +1,146 @@
+import type { TRGBAColorSource, TColorArg } from './typedefs';
+/**
+ * @class Color common color operations
+ * @see {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}
+ */
+export declare class Color {
+    private _source;
+    isUnrecognised: boolean;
+    /**
+     *
+     * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list
+     */
+    constructor(color?: TColorArg);
+    /**
+     * @private
+     * @param {string} [color] Color value to parse
+     * @returns {TRGBAColorSource}
+     */
+    protected _tryParsingColor(color: string): TRGBAColorSource;
+    /**
+     * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])
+     * @return {TRGBAColorSource}
+     */
+    getSource(): TRGBAColorSource;
+    /**
+     * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])
+     * @param {TRGBAColorSource} source
+     */
+    setSource(source: TRGBAColorSource): void;
+    /**
+     * Returns color representation in RGB format
+     * @return {String} ex: rgb(0-255,0-255,0-255)
+     */
+    toRgb(): string;
+    /**
+     * Returns color representation in RGBA format
+     * @return {String} ex: rgba(0-255,0-255,0-255,0-1)
+     */
+    toRgba(): string;
+    /**
+     * Returns color representation in HSL format
+     * @return {String} ex: hsl(0-360,0%-100%,0%-100%)
+     */
+    toHsl(): string;
+    /**
+     * Returns color representation in HSLA format
+     * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)
+     */
+    toHsla(): string;
+    /**
+     * Returns color representation in HEX format
+     * @return {String} ex: FF5555
+     */
+    toHex(): string;
+    /**
+     * Returns color representation in HEXA format
+     * @return {String} ex: FF5555CC
+     */
+    toHexa(): string;
+    /**
+     * Gets value of alpha channel for this color
+     * @return {Number} 0-1
+     */
+    getAlpha(): number;
+    /**
+     * Sets value of alpha channel for this color
+     * @param {Number} alpha Alpha value 0-1
+     * @return {Color} thisArg
+     */
+    setAlpha(alpha: number): this;
+    /**
+     * Transforms color to its grayscale representation
+     * @return {Color} thisArg
+     */
+    toGrayscale(): this;
+    /**
+     * Transforms color to its black and white representation
+     * @param {Number} threshold
+     * @return {Color} thisArg
+     */
+    toBlackWhite(threshold: number): this;
+    /**
+     * Overlays color with another color
+     * @param {String|Color} otherColor
+     * @return {Color} thisArg
+     */
+    overlayWith(otherColor: string | Color): this;
+    /**
+     * Returns new color object, when given a color in RGB format
+     * @param {String} color Color value ex: rgb(0-255,0-255,0-255)
+     * @return {Color}
+     */
+    static fromRgb(color: string): Color;
+    /**
+     * Returns new color object, when given a color in RGBA format
+     * @param {String} color
+     * @return {Color}
+     */
+    static fromRgba(color: string): Color;
+    /**
+     * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format
+     * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)
+     * @return {TRGBAColorSource | undefined} source
+     */
+    static sourceFromRgb(color: string): TRGBAColorSource | undefined;
+    /**
+     * Returns new color object, when given a color in HSL format
+     * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)
+     * @return {Color}
+     */
+    static fromHsl(color: string): Color;
+    /**
+     * Returns new color object, when given a color in HSLA format
+     * @param {String} color
+     * @return {Color}
+     */
+    static fromHsla(color: string): Color;
+    /**
+     * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.
+     * Adapted from <a href="https://rawgithub.com/mjijackson/mjijackson.github.com/master/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript.html">https://github.com/mjijackson</a>
+     * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)
+     * @return {TRGBAColorSource | undefined} source
+     * @see http://http://www.w3.org/TR/css3-color/#hsl-color
+     */
+    static sourceFromHsl(color: string): TRGBAColorSource | undefined;
+    /**
+     * Returns new color object, when given a color in HEX format
+     * @param {String} color Color value ex: FF5555
+     * @return {Color}
+     */
+    static fromHex(color: string): Color;
+    /**
+     * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format
+     * @param {String} color ex: FF5555 or FF5544CC (RGBa)
+     * @return {TRGBAColorSource | undefined} source
+     */
+    static sourceFromHex(color: string): TRGBAColorSource | undefined;
+    /**
+     * Converts a string that could be any angle notation (50deg, 0.5turn, 2rad)
+     * into degrees without the 'deg' suffix
+     * @param {String} value ex: 0deg, 0.5turn, 2rad
+     * @return {Number} number in degrees or NaN if inputs are invalid
+     */
+    static parseAngletoDegrees(value: string): number;
+}
+//# sourceMappingURL=Color.d.ts.map

package/dist/src/color/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../src/color/Color.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAS9D;;;GAGG;AACH,qBAAa,KAAK;IAChB,QAAgB,OAAO,CAAmB;IAC1C,cAAc,UAAS;IAEvB;;;OAGG;gBACS,KAAK,CAAC,EAAE,SAAS;IAc7B;;;;OAIG;IACH,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM;IAgBxC;;;OAGG;IACH,SAAS;IAIT;;;OAGG;IACH,SAAS,CAAC,MAAM,EAAE,gBAAgB;IAIlC;;;OAGG;IACH,KAAK;IAKL;;;OAGG;IACH,MAAM;IAIN;;;OAGG;IACH,KAAK;IAKL;;;OAGG;IACH,MAAM;IAKN;;;OAGG;IACH,KAAK;IAKL;;;OAGG;IACH,MAAM;IAKN;;;OAGG;IACH,QAAQ;IAIR;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM;IAKtB;;;OAGG;IACH,WAAW;IAKX;;;;OAIG;IACH,YAAY,CAAC,SAAS,EAAE,MAAM;IAO9B;;;;OAIG;IACH,WAAW,CAAC,UAAU,EAAE,MAAM,GAAG,KAAK;IAgBtC;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK;IAIpC;;;;OAIG;IACH,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK;IAIrC;;;;OAIG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IAajE;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK;IAIpC;;;;OAIG;IACH,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK;IAIrC;;;;;;OAMG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IA+BjE;;;;OAIG;IACH,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK;IAIpC;;;;OAIG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,GAAG,SAAS;IAiBjE;;;;;OAKG;IACH,MAAM,CAAC,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAelD"}

package/dist/src/color/Color.min.mjs

@@ -0,0 +1,2 @@
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{radiansToDegrees as r}from"../util/misc/radiansDegreesConversion.min.mjs";import{ColorNameMap as e}from"./color_map.min.mjs";import{reRGBa as s,reHSLa as o,reHex as n}from"./constants.min.mjs";import{rgb2Hsl as i,hexify as c,greyAverage as u,fromAlphaToFloat as a,hue2rgb as l}from"./util.min.mjs";class m{constructor(r){if(t(this,"isUnrecognised",!1),r)if(r instanceof m)this.setSource([...r._source]);else if(Array.isArray(r)){const[t,e,s,o=1]=r;this.setSource([t,e,s,o])}else this.setSource(this._tryParsingColor(r));else this.setSource([0,0,0,1])}_tryParsingColor(t){return(t=t.toLowerCase())in e&&(t=e[t]),"transparent"===t?[255,255,255,0]:m.sourceFromHex(t)||m.sourceFromRgb(t)||m.sourceFromHsl(t)||(this.isUnrecognised=!0)&&[0,0,0,1]}getSource(){return this._source}setSource(t){this._source=t}toRgb(){const[t,r,e]=this.getSource();return`rgb(${t},${r},${e})`}toRgba(){return`rgba(${this.getSource().join(",")})`}toHsl(){const[t,r,e]=i(...this.getSource());return`hsl(${t},${r}%,${e}%)`}toHsla(){const[t,r,e,s]=i(...this.getSource());return`hsla(${t},${r}%,${e}%,${s})`}toHex(){return this.toHexa().slice(0,6)}toHexa(){const[t,r,e,s]=this.getSource();return`${c(t)}${c(r)}${c(e)}${c(Math.round(255*s))}`}getAlpha(){return this.getSource()[3]}setAlpha(t){return this._source[3]=t,this}toGrayscale(){return this.setSource(u(this.getSource())),this}toBlackWhite(t){const[r,,,e]=u(this.getSource()),s=r<(t||127)?0:255;return this.setSource([s,s,s,e]),this}overlayWith(t){t instanceof m||(t=new m(t));const r=this.getSource(),e=t.getSource(),[s,o,n]=r.map((t,r)=>Math.round(.5*t+.5*e[r]));return this.setSource([s,o,n,r[3]]),this}static fromRgb(t){return m.fromRgba(t)}static fromRgba(t){return new m(m.sourceFromRgb(t))}static sourceFromRgb(t){const r=t.match(s());if(r){const[t,e,s]=r.slice(1,4).map(t=>{const r=parseFloat(t);return t.endsWith("%")?Math.round(2.55*r):r});return[t,e,s,a(r[4])]}}static fromHsl(t){return m.fromHsla(t)}static fromHsla(t){return new m(m.sourceFromHsl(t))}static sourceFromHsl(t){const r=t.match(o());if(!r)return;const e=(m.parseAngletoDegrees(r[1])%360+360)%360/360,s=parseFloat(r[2])/100,n=parseFloat(r[3])/100;let i,c,u;if(0===s)i=c=u=n;else{const t=n<=.5?n*(s+1):n+s-n*s,r=2*n-t;i=l(r,t,e+1/3),c=l(r,t,e),u=l(r,t,e-1/3)}return[Math.round(255*i),Math.round(255*c),Math.round(255*u),a(r[4])]}static fromHex(t){return new m(m.sourceFromHex(t))}static sourceFromHex(t){if(t.match(n())){const r=t.slice(t.indexOf("#")+1);let e;e=r.length<=4?r.split("").map(t=>t+t):r.match(/.{2}/g);const[s,o,n,i=255]=e.map(t=>parseInt(t,16));return[s,o,n,i/255]}}static parseAngletoDegrees(t){const e=t.toLowerCase(),s=parseFloat(e);return e.includes("rad")?r(s):e.includes("turn")?360*s:s}}export{m as Color};
+//# sourceMappingURL=Color.min.mjs.map

package/dist/src/color/Color.min.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.min.mjs","sources":["../../../src/color/Color.ts"],"sourcesContent":["import { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\nimport { ColorNameMap } from './color_map';\nimport { reHSLa, reHex, reRGBa } from './constants';\nimport type { TRGBAColorSource, TColorArg } from './typedefs';\nimport {\n  hue2rgb,\n  hexify,\n  rgb2Hsl,\n  fromAlphaToFloat,\n  greyAverage,\n} from './util';\n\n/**\n * @class Color common color operations\n * @see {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}\n */\nexport class Color {\n  declare private _source: TRGBAColorSource;\n  isUnrecognised = false;\n\n  /**\n   *\n   * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list\n   */\n  constructor(color?: TColorArg) {\n    if (!color) {\n      // we default to black as canvas does\n      this.setSource([0, 0, 0, 1]);\n    } else if (color instanceof Color) {\n      this.setSource([...color._source]);\n    } else if (Array.isArray(color)) {\n      const [r, g, b, a = 1] = color;\n      this.setSource([r, g, b, a]);\n    } else {\n      this.setSource(this._tryParsingColor(color));\n    }\n  }\n\n  /**\n   * @private\n   * @param {string} [color] Color value to parse\n   * @returns {TRGBAColorSource}\n   */\n  protected _tryParsingColor(color: string) {\n    color = color.toLowerCase();\n    if (color in ColorNameMap) {\n      color = ColorNameMap[color as keyof typeof ColorNameMap];\n    }\n    return color === 'transparent'\n      ? ([255, 255, 255, 0] as TRGBAColorSource)\n      : Color.sourceFromHex(color) ||\n          Color.sourceFromRgb(color) ||\n          Color.sourceFromHsl(color) ||\n          // color is not recognized\n          // we default to black as canvas does\n          // eslint-disable-next-line no-constant-binary-expression\n          ((this.isUnrecognised = true) && ([0, 0, 0, 1] as TRGBAColorSource));\n  }\n\n  /**\n   * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])\n   * @return {TRGBAColorSource}\n   */\n  getSource() {\n    return this._source;\n  }\n\n  /**\n   * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])\n   * @param {TRGBAColorSource} source\n   */\n  setSource(source: TRGBAColorSource) {\n    this._source = source;\n  }\n\n  /**\n   * Returns color representation in RGB format\n   * @return {String} ex: rgb(0-255,0-255,0-255)\n   */\n  toRgb() {\n    const [r, g, b] = this.getSource();\n    return `rgb(${r},${g},${b})`;\n  }\n\n  /**\n   * Returns color representation in RGBA format\n   * @return {String} ex: rgba(0-255,0-255,0-255,0-1)\n   */\n  toRgba() {\n    return `rgba(${this.getSource().join(',')})`;\n  }\n\n  /**\n   * Returns color representation in HSL format\n   * @return {String} ex: hsl(0-360,0%-100%,0%-100%)\n   */\n  toHsl() {\n    const [h, s, l] = rgb2Hsl(...this.getSource());\n    return `hsl(${h},${s}%,${l}%)`;\n  }\n\n  /**\n   * Returns color representation in HSLA format\n   * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)\n   */\n  toHsla() {\n    const [h, s, l, a] = rgb2Hsl(...this.getSource());\n    return `hsla(${h},${s}%,${l}%,${a})`;\n  }\n\n  /**\n   * Returns color representation in HEX format\n   * @return {String} ex: FF5555\n   */\n  toHex() {\n    const fullHex = this.toHexa();\n    return fullHex.slice(0, 6);\n  }\n\n  /**\n   * Returns color representation in HEXA format\n   * @return {String} ex: FF5555CC\n   */\n  toHexa() {\n    const [r, g, b, a] = this.getSource();\n    return `${hexify(r)}${hexify(g)}${hexify(b)}${hexify(Math.round(a * 255))}`;\n  }\n\n  /**\n   * Gets value of alpha channel for this color\n   * @return {Number} 0-1\n   */\n  getAlpha() {\n    return this.getSource()[3];\n  }\n\n  /**\n   * Sets value of alpha channel for this color\n   * @param {Number} alpha Alpha value 0-1\n   * @return {Color} thisArg\n   */\n  setAlpha(alpha: number) {\n    this._source[3] = alpha;\n    return this;\n  }\n\n  /**\n   * Transforms color to its grayscale representation\n   * @return {Color} thisArg\n   */\n  toGrayscale() {\n    this.setSource(greyAverage(this.getSource()));\n    return this;\n  }\n\n  /**\n   * Transforms color to its black and white representation\n   * @param {Number} threshold\n   * @return {Color} thisArg\n   */\n  toBlackWhite(threshold: number) {\n    const [average, , , a] = greyAverage(this.getSource()),\n      bOrW = average < (threshold || 127) ? 0 : 255;\n    this.setSource([bOrW, bOrW, bOrW, a]);\n    return this;\n  }\n\n  /**\n   * Overlays color with another color\n   * @param {String|Color} otherColor\n   * @return {Color} thisArg\n   */\n  overlayWith(otherColor: string | Color) {\n    if (!(otherColor instanceof Color)) {\n      otherColor = new Color(otherColor);\n    }\n\n    const source = this.getSource(),\n      otherAlpha = 0.5,\n      otherSource = otherColor.getSource(),\n      [R, G, B] = source.map((value, index) =>\n        Math.round(value * (1 - otherAlpha) + otherSource[index] * otherAlpha),\n      );\n\n    this.setSource([R, G, B, source[3]]);\n    return this;\n  }\n\n  /**\n   * Returns new color object, when given a color in RGB format\n   * @param {String} color Color value ex: rgb(0-255,0-255,0-255)\n   * @return {Color}\n   */\n  static fromRgb(color: string): Color {\n    return Color.fromRgba(color);\n  }\n\n  /**\n   * Returns new color object, when given a color in RGBA format\n   * @param {String} color\n   * @return {Color}\n   */\n  static fromRgba(color: string): Color {\n    return new Color(Color.sourceFromRgb(color));\n  }\n\n  /**\n   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format\n   * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)\n   * @return {TRGBAColorSource | undefined} source\n   */\n  static sourceFromRgb(color: string): TRGBAColorSource | undefined {\n    const match = color.match(reRGBa());\n    if (match) {\n      const [r, g, b] = match.slice(1, 4).map((value) => {\n        const parsedValue = parseFloat(value);\n        return value.endsWith('%')\n          ? Math.round(parsedValue * 2.55)\n          : parsedValue;\n      });\n      return [r, g, b, fromAlphaToFloat(match[4])];\n    }\n  }\n\n  /**\n   * Returns new color object, when given a color in HSL format\n   * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)\n   * @return {Color}\n   */\n  static fromHsl(color: string): Color {\n    return Color.fromHsla(color);\n  }\n\n  /**\n   * Returns new color object, when given a color in HSLA format\n   * @param {String} color\n   * @return {Color}\n   */\n  static fromHsla(color: string): Color {\n    return new Color(Color.sourceFromHsl(color));\n  }\n\n  /**\n   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.\n   * Adapted from <a href=\"https://rawgithub.com/mjijackson/mjijackson.github.com/master/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript.html\">https://github.com/mjijackson</a>\n   * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)\n   * @return {TRGBAColorSource | undefined} source\n   * @see http://http://www.w3.org/TR/css3-color/#hsl-color\n   */\n  static sourceFromHsl(color: string): TRGBAColorSource | undefined {\n    const match = color.match(reHSLa());\n    if (!match) {\n      return;\n    }\n    const match1degrees = Color.parseAngletoDegrees(match[1]);\n\n    const h = (((match1degrees % 360) + 360) % 360) / 360,\n      s = parseFloat(match[2]) / 100,\n      l = parseFloat(match[3]) / 100;\n    let r: number, g: number, b: number;\n\n    if (s === 0) {\n      r = g = b = l;\n    } else {\n      const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,\n        p = l * 2 - q;\n\n      r = hue2rgb(p, q, h + 1 / 3);\n      g = hue2rgb(p, q, h);\n      b = hue2rgb(p, q, h - 1 / 3);\n    }\n\n    return [\n      Math.round(r * 255),\n      Math.round(g * 255),\n      Math.round(b * 255),\n      fromAlphaToFloat(match[4]),\n    ];\n  }\n\n  /**\n   * Returns new color object, when given a color in HEX format\n   * @param {String} color Color value ex: FF5555\n   * @return {Color}\n   */\n  static fromHex(color: string): Color {\n    return new Color(Color.sourceFromHex(color));\n  }\n\n  /**\n   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format\n   * @param {String} color ex: FF5555 or FF5544CC (RGBa)\n   * @return {TRGBAColorSource | undefined} source\n   */\n  static sourceFromHex(color: string): TRGBAColorSource | undefined {\n    if (color.match(reHex())) {\n      const value = color.slice(color.indexOf('#') + 1),\n        isShortNotation = value.length <= 4;\n      let expandedValue: string[];\n      if (isShortNotation) {\n        expandedValue = value.split('').map((hex) => hex + hex);\n      } else {\n        expandedValue = value.match(/.{2}/g)!;\n      }\n      const [r, g, b, a = 255] = expandedValue.map((hexCouple) =>\n        parseInt(hexCouple, 16),\n      );\n      return [r, g, b, a / 255];\n    }\n  }\n\n  /**\n   * Converts a string that could be any angle notation (50deg, 0.5turn, 2rad)\n   * into degrees without the 'deg' suffix\n   * @param {String} value ex: 0deg, 0.5turn, 2rad\n   * @return {Number} number in degrees or NaN if inputs are invalid\n   */\n  static parseAngletoDegrees(value: string): number {\n    const lowercase = value.toLowerCase();\n    const numeric = parseFloat(lowercase);\n\n    if (lowercase.includes('rad')) {\n      return radiansToDegrees(numeric);\n    }\n\n    if (lowercase.includes('turn')) {\n      return numeric * 360;\n    }\n\n    // Value is probably just a number already in degrees eg '50'\n    return numeric;\n  }\n}\n"],"names":["Color","constructor","color","_defineProperty","this","setSource","_source","Array","isArray","r","g","b","a","_tryParsingColor","toLowerCase","ColorNameMap","sourceFromHex","sourceFromRgb","sourceFromHsl","isUnrecognised","getSource","source","toRgb","toRgba","join","toHsl","h","s","l","rgb2Hsl","toHsla","toHex","toHexa","slice","hexify","Math","round","getAlpha","setAlpha","alpha","toGrayscale","greyAverage","toBlackWhite","threshold","average","bOrW","overlayWith","otherColor","otherSource","R","G","B","map","value","index","fromRgb","fromRgba","match","reRGBa","parsedValue","parseFloat","endsWith","fromAlphaToFloat","fromHsl","fromHsla","reHSLa","parseAngletoDegrees","q","p","hue2rgb","fromHex","reHex","indexOf","expandedValue","length","split","hex","hexCouple","parseInt","lowercase","numeric","includes","radiansToDegrees"],"mappings":"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"}

package/dist/src/color/Color.mjs

@@ -0,0 +1,305 @@
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { radiansToDegrees } from '../util/misc/radiansDegreesConversion.mjs';
+import { ColorNameMap } from './color_map.mjs';
+import { reRGBa, reHSLa, reHex } from './constants.mjs';
+import { rgb2Hsl, hexify, greyAverage, fromAlphaToFloat, hue2rgb } from './util.mjs';
+
+/**
+ * @class Color common color operations
+ * @see {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}
+ */
+class Color {
+  /**
+   *
+   * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list
+   */
+  constructor(color) {
+    _defineProperty(this, "isUnrecognised", false);
+    if (!color) {
+      // we default to black as canvas does
+      this.setSource([0, 0, 0, 1]);
+    } else if (color instanceof Color) {
+      this.setSource([...color._source]);
+    } else if (Array.isArray(color)) {
+      const [r, g, b, a = 1] = color;
+      this.setSource([r, g, b, a]);
+    } else {
+      this.setSource(this._tryParsingColor(color));
+    }
+  }
+
+  /**
+   * @private
+   * @param {string} [color] Color value to parse
+   * @returns {TRGBAColorSource}
+   */
+  _tryParsingColor(color) {
+    color = color.toLowerCase();
+    if (color in ColorNameMap) {
+      color = ColorNameMap[color];
+    }
+    return color === 'transparent' ? [255, 255, 255, 0] : Color.sourceFromHex(color) || Color.sourceFromRgb(color) || Color.sourceFromHsl(color) ||
+    // color is not recognized
+    // we default to black as canvas does
+    // eslint-disable-next-line no-constant-binary-expression
+    (this.isUnrecognised = true) && [0, 0, 0, 1];
+  }
+
+  /**
+   * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])
+   * @return {TRGBAColorSource}
+   */
+  getSource() {
+    return this._source;
+  }
+
+  /**
+   * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])
+   * @param {TRGBAColorSource} source
+   */
+  setSource(source) {
+    this._source = source;
+  }
+
+  /**
+   * Returns color representation in RGB format
+   * @return {String} ex: rgb(0-255,0-255,0-255)
+   */
+  toRgb() {
+    const [r, g, b] = this.getSource();
+    return `rgb(${r},${g},${b})`;
+  }
+
+  /**
+   * Returns color representation in RGBA format
+   * @return {String} ex: rgba(0-255,0-255,0-255,0-1)
+   */
+  toRgba() {
+    return `rgba(${this.getSource().join(',')})`;
+  }
+
+  /**
+   * Returns color representation in HSL format
+   * @return {String} ex: hsl(0-360,0%-100%,0%-100%)
+   */
+  toHsl() {
+    const [h, s, l] = rgb2Hsl(...this.getSource());
+    return `hsl(${h},${s}%,${l}%)`;
+  }
+
+  /**
+   * Returns color representation in HSLA format
+   * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)
+   */
+  toHsla() {
+    const [h, s, l, a] = rgb2Hsl(...this.getSource());
+    return `hsla(${h},${s}%,${l}%,${a})`;
+  }
+
+  /**
+   * Returns color representation in HEX format
+   * @return {String} ex: FF5555
+   */
+  toHex() {
+    const fullHex = this.toHexa();
+    return fullHex.slice(0, 6);
+  }
+
+  /**
+   * Returns color representation in HEXA format
+   * @return {String} ex: FF5555CC
+   */
+  toHexa() {
+    const [r, g, b, a] = this.getSource();
+    return `${hexify(r)}${hexify(g)}${hexify(b)}${hexify(Math.round(a * 255))}`;
+  }
+
+  /**
+   * Gets value of alpha channel for this color
+   * @return {Number} 0-1
+   */
+  getAlpha() {
+    return this.getSource()[3];
+  }
+
+  /**
+   * Sets value of alpha channel for this color
+   * @param {Number} alpha Alpha value 0-1
+   * @return {Color} thisArg
+   */
+  setAlpha(alpha) {
+    this._source[3] = alpha;
+    return this;
+  }
+
+  /**
+   * Transforms color to its grayscale representation
+   * @return {Color} thisArg
+   */
+  toGrayscale() {
+    this.setSource(greyAverage(this.getSource()));
+    return this;
+  }
+
+  /**
+   * Transforms color to its black and white representation
+   * @param {Number} threshold
+   * @return {Color} thisArg
+   */
+  toBlackWhite(threshold) {
+    const [average,,, a] = greyAverage(this.getSource()),
+      bOrW = average < (threshold || 127) ? 0 : 255;
+    this.setSource([bOrW, bOrW, bOrW, a]);
+    return this;
+  }
+
+  /**
+   * Overlays color with another color
+   * @param {String|Color} otherColor
+   * @return {Color} thisArg
+   */
+  overlayWith(otherColor) {
+    if (!(otherColor instanceof Color)) {
+      otherColor = new Color(otherColor);
+    }
+    const source = this.getSource(),
+      otherAlpha = 0.5,
+      otherSource = otherColor.getSource(),
+      [R, G, B] = source.map((value, index) => Math.round(value * (1 - otherAlpha) + otherSource[index] * otherAlpha));
+    this.setSource([R, G, B, source[3]]);
+    return this;
+  }
+
+  /**
+   * Returns new color object, when given a color in RGB format
+   * @param {String} color Color value ex: rgb(0-255,0-255,0-255)
+   * @return {Color}
+   */
+  static fromRgb(color) {
+    return Color.fromRgba(color);
+  }
+
+  /**
+   * Returns new color object, when given a color in RGBA format
+   * @param {String} color
+   * @return {Color}
+   */
+  static fromRgba(color) {
+    return new Color(Color.sourceFromRgb(color));
+  }
+
+  /**
+   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format
+   * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)
+   * @return {TRGBAColorSource | undefined} source
+   */
+  static sourceFromRgb(color) {
+    const match = color.match(reRGBa());
+    if (match) {
+      const [r, g, b] = match.slice(1, 4).map(value => {
+        const parsedValue = parseFloat(value);
+        return value.endsWith('%') ? Math.round(parsedValue * 2.55) : parsedValue;
+      });
+      return [r, g, b, fromAlphaToFloat(match[4])];
+    }
+  }
+
+  /**
+   * Returns new color object, when given a color in HSL format
+   * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)
+   * @return {Color}
+   */
+  static fromHsl(color) {
+    return Color.fromHsla(color);
+  }
+
+  /**
+   * Returns new color object, when given a color in HSLA format
+   * @param {String} color
+   * @return {Color}
+   */
+  static fromHsla(color) {
+    return new Color(Color.sourceFromHsl(color));
+  }
+
+  /**
+   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.
+   * Adapted from <a href="https://rawgithub.com/mjijackson/mjijackson.github.com/master/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript.html">https://github.com/mjijackson</a>
+   * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)
+   * @return {TRGBAColorSource | undefined} source
+   * @see http://http://www.w3.org/TR/css3-color/#hsl-color
+   */
+  static sourceFromHsl(color) {
+    const match = color.match(reHSLa());
+    if (!match) {
+      return;
+    }
+    const match1degrees = Color.parseAngletoDegrees(match[1]);
+    const h = (match1degrees % 360 + 360) % 360 / 360,
+      s = parseFloat(match[2]) / 100,
+      l = parseFloat(match[3]) / 100;
+    let r, g, b;
+    if (s === 0) {
+      r = g = b = l;
+    } else {
+      const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,
+        p = l * 2 - q;
+      r = hue2rgb(p, q, h + 1 / 3);
+      g = hue2rgb(p, q, h);
+      b = hue2rgb(p, q, h - 1 / 3);
+    }
+    return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255), fromAlphaToFloat(match[4])];
+  }
+
+  /**
+   * Returns new color object, when given a color in HEX format
+   * @param {String} color Color value ex: FF5555
+   * @return {Color}
+   */
+  static fromHex(color) {
+    return new Color(Color.sourceFromHex(color));
+  }
+
+  /**
+   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format
+   * @param {String} color ex: FF5555 or FF5544CC (RGBa)
+   * @return {TRGBAColorSource | undefined} source
+   */
+  static sourceFromHex(color) {
+    if (color.match(reHex())) {
+      const value = color.slice(color.indexOf('#') + 1),
+        isShortNotation = value.length <= 4;
+      let expandedValue;
+      if (isShortNotation) {
+        expandedValue = value.split('').map(hex => hex + hex);
+      } else {
+        expandedValue = value.match(/.{2}/g);
+      }
+      const [r, g, b, a = 255] = expandedValue.map(hexCouple => parseInt(hexCouple, 16));
+      return [r, g, b, a / 255];
+    }
+  }
+
+  /**
+   * Converts a string that could be any angle notation (50deg, 0.5turn, 2rad)
+   * into degrees without the 'deg' suffix
+   * @param {String} value ex: 0deg, 0.5turn, 2rad
+   * @return {Number} number in degrees or NaN if inputs are invalid
+   */
+  static parseAngletoDegrees(value) {
+    const lowercase = value.toLowerCase();
+    const numeric = parseFloat(lowercase);
+    if (lowercase.includes('rad')) {
+      return radiansToDegrees(numeric);
+    }
+    if (lowercase.includes('turn')) {
+      return numeric * 360;
+    }
+
+    // Value is probably just a number already in degrees eg '50'
+    return numeric;
+  }
+}
+
+export { Color };
+//# sourceMappingURL=Color.mjs.map

package/dist/src/color/Color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.mjs","sources":["../../../src/color/Color.ts"],"sourcesContent":["import { radiansToDegrees } from '../util/misc/radiansDegreesConversion';\nimport { ColorNameMap } from './color_map';\nimport { reHSLa, reHex, reRGBa } from './constants';\nimport type { TRGBAColorSource, TColorArg } from './typedefs';\nimport {\n  hue2rgb,\n  hexify,\n  rgb2Hsl,\n  fromAlphaToFloat,\n  greyAverage,\n} from './util';\n\n/**\n * @class Color common color operations\n * @see {@link http://fabricjs.com/fabric-intro-part-2/#colors colors}\n */\nexport class Color {\n  declare private _source: TRGBAColorSource;\n  isUnrecognised = false;\n\n  /**\n   *\n   * @param {string} [color] optional in hex or rgb(a) or hsl format or from known color list\n   */\n  constructor(color?: TColorArg) {\n    if (!color) {\n      // we default to black as canvas does\n      this.setSource([0, 0, 0, 1]);\n    } else if (color instanceof Color) {\n      this.setSource([...color._source]);\n    } else if (Array.isArray(color)) {\n      const [r, g, b, a = 1] = color;\n      this.setSource([r, g, b, a]);\n    } else {\n      this.setSource(this._tryParsingColor(color));\n    }\n  }\n\n  /**\n   * @private\n   * @param {string} [color] Color value to parse\n   * @returns {TRGBAColorSource}\n   */\n  protected _tryParsingColor(color: string) {\n    color = color.toLowerCase();\n    if (color in ColorNameMap) {\n      color = ColorNameMap[color as keyof typeof ColorNameMap];\n    }\n    return color === 'transparent'\n      ? ([255, 255, 255, 0] as TRGBAColorSource)\n      : Color.sourceFromHex(color) ||\n          Color.sourceFromRgb(color) ||\n          Color.sourceFromHsl(color) ||\n          // color is not recognized\n          // we default to black as canvas does\n          // eslint-disable-next-line no-constant-binary-expression\n          ((this.isUnrecognised = true) && ([0, 0, 0, 1] as TRGBAColorSource));\n  }\n\n  /**\n   * Returns source of this color (where source is an array representation; ex: [200, 200, 100, 1])\n   * @return {TRGBAColorSource}\n   */\n  getSource() {\n    return this._source;\n  }\n\n  /**\n   * Sets source of this color (where source is an array representation; ex: [200, 200, 100, 1])\n   * @param {TRGBAColorSource} source\n   */\n  setSource(source: TRGBAColorSource) {\n    this._source = source;\n  }\n\n  /**\n   * Returns color representation in RGB format\n   * @return {String} ex: rgb(0-255,0-255,0-255)\n   */\n  toRgb() {\n    const [r, g, b] = this.getSource();\n    return `rgb(${r},${g},${b})`;\n  }\n\n  /**\n   * Returns color representation in RGBA format\n   * @return {String} ex: rgba(0-255,0-255,0-255,0-1)\n   */\n  toRgba() {\n    return `rgba(${this.getSource().join(',')})`;\n  }\n\n  /**\n   * Returns color representation in HSL format\n   * @return {String} ex: hsl(0-360,0%-100%,0%-100%)\n   */\n  toHsl() {\n    const [h, s, l] = rgb2Hsl(...this.getSource());\n    return `hsl(${h},${s}%,${l}%)`;\n  }\n\n  /**\n   * Returns color representation in HSLA format\n   * @return {String} ex: hsla(0-360,0%-100%,0%-100%,0-1)\n   */\n  toHsla() {\n    const [h, s, l, a] = rgb2Hsl(...this.getSource());\n    return `hsla(${h},${s}%,${l}%,${a})`;\n  }\n\n  /**\n   * Returns color representation in HEX format\n   * @return {String} ex: FF5555\n   */\n  toHex() {\n    const fullHex = this.toHexa();\n    return fullHex.slice(0, 6);\n  }\n\n  /**\n   * Returns color representation in HEXA format\n   * @return {String} ex: FF5555CC\n   */\n  toHexa() {\n    const [r, g, b, a] = this.getSource();\n    return `${hexify(r)}${hexify(g)}${hexify(b)}${hexify(Math.round(a * 255))}`;\n  }\n\n  /**\n   * Gets value of alpha channel for this color\n   * @return {Number} 0-1\n   */\n  getAlpha() {\n    return this.getSource()[3];\n  }\n\n  /**\n   * Sets value of alpha channel for this color\n   * @param {Number} alpha Alpha value 0-1\n   * @return {Color} thisArg\n   */\n  setAlpha(alpha: number) {\n    this._source[3] = alpha;\n    return this;\n  }\n\n  /**\n   * Transforms color to its grayscale representation\n   * @return {Color} thisArg\n   */\n  toGrayscale() {\n    this.setSource(greyAverage(this.getSource()));\n    return this;\n  }\n\n  /**\n   * Transforms color to its black and white representation\n   * @param {Number} threshold\n   * @return {Color} thisArg\n   */\n  toBlackWhite(threshold: number) {\n    const [average, , , a] = greyAverage(this.getSource()),\n      bOrW = average < (threshold || 127) ? 0 : 255;\n    this.setSource([bOrW, bOrW, bOrW, a]);\n    return this;\n  }\n\n  /**\n   * Overlays color with another color\n   * @param {String|Color} otherColor\n   * @return {Color} thisArg\n   */\n  overlayWith(otherColor: string | Color) {\n    if (!(otherColor instanceof Color)) {\n      otherColor = new Color(otherColor);\n    }\n\n    const source = this.getSource(),\n      otherAlpha = 0.5,\n      otherSource = otherColor.getSource(),\n      [R, G, B] = source.map((value, index) =>\n        Math.round(value * (1 - otherAlpha) + otherSource[index] * otherAlpha),\n      );\n\n    this.setSource([R, G, B, source[3]]);\n    return this;\n  }\n\n  /**\n   * Returns new color object, when given a color in RGB format\n   * @param {String} color Color value ex: rgb(0-255,0-255,0-255)\n   * @return {Color}\n   */\n  static fromRgb(color: string): Color {\n    return Color.fromRgba(color);\n  }\n\n  /**\n   * Returns new color object, when given a color in RGBA format\n   * @param {String} color\n   * @return {Color}\n   */\n  static fromRgba(color: string): Color {\n    return new Color(Color.sourceFromRgb(color));\n  }\n\n  /**\n   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in RGB or RGBA format\n   * @param {String} color Color value ex: rgb(0-255,0-255,0-255), rgb(0%-100%,0%-100%,0%-100%)\n   * @return {TRGBAColorSource | undefined} source\n   */\n  static sourceFromRgb(color: string): TRGBAColorSource | undefined {\n    const match = color.match(reRGBa());\n    if (match) {\n      const [r, g, b] = match.slice(1, 4).map((value) => {\n        const parsedValue = parseFloat(value);\n        return value.endsWith('%')\n          ? Math.round(parsedValue * 2.55)\n          : parsedValue;\n      });\n      return [r, g, b, fromAlphaToFloat(match[4])];\n    }\n  }\n\n  /**\n   * Returns new color object, when given a color in HSL format\n   * @param {String} color Color value ex: hsl(0-260,0%-100%,0%-100%)\n   * @return {Color}\n   */\n  static fromHsl(color: string): Color {\n    return Color.fromHsla(color);\n  }\n\n  /**\n   * Returns new color object, when given a color in HSLA format\n   * @param {String} color\n   * @return {Color}\n   */\n  static fromHsla(color: string): Color {\n    return new Color(Color.sourceFromHsl(color));\n  }\n\n  /**\n   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HSL or HSLA format.\n   * Adapted from <a href=\"https://rawgithub.com/mjijackson/mjijackson.github.com/master/2008/02/rgb-to-hsl-and-rgb-to-hsv-color-model-conversion-algorithms-in-javascript.html\">https://github.com/mjijackson</a>\n   * @param {String} color Color value ex: hsl(0-360,0%-100%,0%-100%) or hsla(0-360,0%-100%,0%-100%, 0-1)\n   * @return {TRGBAColorSource | undefined} source\n   * @see http://http://www.w3.org/TR/css3-color/#hsl-color\n   */\n  static sourceFromHsl(color: string): TRGBAColorSource | undefined {\n    const match = color.match(reHSLa());\n    if (!match) {\n      return;\n    }\n    const match1degrees = Color.parseAngletoDegrees(match[1]);\n\n    const h = (((match1degrees % 360) + 360) % 360) / 360,\n      s = parseFloat(match[2]) / 100,\n      l = parseFloat(match[3]) / 100;\n    let r: number, g: number, b: number;\n\n    if (s === 0) {\n      r = g = b = l;\n    } else {\n      const q = l <= 0.5 ? l * (s + 1) : l + s - l * s,\n        p = l * 2 - q;\n\n      r = hue2rgb(p, q, h + 1 / 3);\n      g = hue2rgb(p, q, h);\n      b = hue2rgb(p, q, h - 1 / 3);\n    }\n\n    return [\n      Math.round(r * 255),\n      Math.round(g * 255),\n      Math.round(b * 255),\n      fromAlphaToFloat(match[4]),\n    ];\n  }\n\n  /**\n   * Returns new color object, when given a color in HEX format\n   * @param {String} color Color value ex: FF5555\n   * @return {Color}\n   */\n  static fromHex(color: string): Color {\n    return new Color(Color.sourceFromHex(color));\n  }\n\n  /**\n   * Returns array representation (ex: [100, 100, 200, 1]) of a color that's in HEX format\n   * @param {String} color ex: FF5555 or FF5544CC (RGBa)\n   * @return {TRGBAColorSource | undefined} source\n   */\n  static sourceFromHex(color: string): TRGBAColorSource | undefined {\n    if (color.match(reHex())) {\n      const value = color.slice(color.indexOf('#') + 1),\n        isShortNotation = value.length <= 4;\n      let expandedValue: string[];\n      if (isShortNotation) {\n        expandedValue = value.split('').map((hex) => hex + hex);\n      } else {\n        expandedValue = value.match(/.{2}/g)!;\n      }\n      const [r, g, b, a = 255] = expandedValue.map((hexCouple) =>\n        parseInt(hexCouple, 16),\n      );\n      return [r, g, b, a / 255];\n    }\n  }\n\n  /**\n   * Converts a string that could be any angle notation (50deg, 0.5turn, 2rad)\n   * into degrees without the 'deg' suffix\n   * @param {String} value ex: 0deg, 0.5turn, 2rad\n   * @return {Number} number in degrees or NaN if inputs are invalid\n   */\n  static parseAngletoDegrees(value: string): number {\n    const lowercase = value.toLowerCase();\n    const numeric = parseFloat(lowercase);\n\n    if (lowercase.includes('rad')) {\n      return radiansToDegrees(numeric);\n    }\n\n    if (lowercase.includes('turn')) {\n      return numeric * 360;\n    }\n\n    // Value is probably just a number already in degrees eg '50'\n    return numeric;\n  }\n}\n"],"names":["Color","constructor","color","_defineProperty","setSource","_source","Array","isArray","r","g","b","a","_tryParsingColor","toLowerCase","ColorNameMap","sourceFromHex","sourceFromRgb","sourceFromHsl","isUnrecognised","getSource","source","toRgb","toRgba","join","toHsl","h","s","l","rgb2Hsl","toHsla","toHex","fullHex","toHexa","slice","hexify","Math","round","getAlpha","setAlpha","alpha","toGrayscale","greyAverage","toBlackWhite","threshold","average","bOrW","overlayWith","otherColor","otherAlpha","otherSource","R","G","B","map","value","index","fromRgb","fromRgba","match","reRGBa","parsedValue","parseFloat","endsWith","fromAlphaToFloat","fromHsl","fromHsla","reHSLa","match1degrees","parseAngletoDegrees","q","p","hue2rgb","fromHex","reHex","indexOf","isShortNotation","length","expandedValue","split","hex","hexCouple","parseInt","lowercase","numeric","includes","radiansToDegrees"],"mappings":"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"}