fabric/dist/src/canvas/DOMManagers/StaticCanvasDOMManager.mjs.map

Object model for HTML5 canvas, and SVG-to-canvas parser. Backed by jsdom and node-canvas.

{"version":3,"file":"StaticCanvasDOMManager.mjs","names":[],"sources":["../../../../src/canvas/DOMManagers/StaticCanvasDOMManager.ts"],"sourcesContent":["import { getEnv, getFabricDocument } from '../../env';\nimport type { TSize } from '../../typedefs';\nimport type { CSSDimensions } from './util';\nimport { setCSSDimensions, getElementOffset } from './util';\nimport { createCanvasElement, isHTMLCanvas } from '../../util/misc/dom';\nimport { setCanvasDimensions } from './util';\nimport { FabricError } from '../../util/internals/console';\n\nexport type CanvasItem = {\n  el: HTMLCanvasElement;\n  ctx: CanvasRenderingContext2D;\n};\n\nexport class StaticCanvasDOMManager {\n  /**\n   * Keeps a copy of the canvas style before setting retina scaling and other potions\n   * in order to return it to original state on dispose\n   * @type string\n   */\n  private _originalCanvasStyle?: string;\n\n  lower: CanvasItem;\n\n  constructor(arg0?: string | HTMLCanvasElement) {\n    const el = this.createLowerCanvas(arg0);\n    this.lower = { el, ctx: el.getContext('2d')! };\n  }\n\n  protected createLowerCanvas(arg0?: HTMLCanvasElement | string) {\n    // canvasEl === 'HTMLCanvasElement' does not work on jsdom/node\n    const el = isHTMLCanvas(arg0)\n      ? arg0\n      : (arg0 &&\n          (getFabricDocument().getElementById(arg0) as HTMLCanvasElement)) ||\n        createCanvasElement();\n    if (el.hasAttribute('data-fabric')) {\n      throw new FabricError(\n        'Trying to initialize a canvas that has already been initialized. Did you forget to dispose the canvas?',\n      );\n    }\n    this._originalCanvasStyle = el.style.cssText;\n    el.setAttribute('data-fabric', 'main');\n    el.classList.add('lower-canvas');\n    return el;\n  }\n\n  cleanupDOM({ width, height }: TSize) {\n    const { el } = this.lower;\n    // restore canvas style and attributes\n    el.classList.remove('lower-canvas');\n    el.removeAttribute('data-fabric');\n    // restore canvas size to original size in case retina scaling was applied\n    el.setAttribute('width', `${width}`);\n    el.setAttribute('height', `${height}`);\n    el.style.cssText = this._originalCanvasStyle || '';\n    this._originalCanvasStyle = undefined;\n  }\n\n  setDimensions(size: TSize, retinaScaling: number) {\n    const { el, ctx } = this.lower;\n    setCanvasDimensions(el, ctx, size, retinaScaling);\n  }\n\n  setCSSDimensions(size: Partial<CSSDimensions>) {\n    setCSSDimensions(this.lower.el, size);\n  }\n\n  /**\n   * Calculates canvas element offset relative to the document\n   */\n  calcOffset() {\n    return getElementOffset(this.lower.el);\n  }\n\n  dispose() {\n    getEnv().dispose(this.lower.el);\n    // @ts-expect-error disposing\n    delete this.lower;\n  }\n}\n"],"mappings":";;;;;;AAaA,IAAa,yBAAb,MAAoC;CAUlC,YAAY,MAAmC;wBAJvC,wBAAA,KAAA,EAA8B;wBAEtC,SAAA,KAAA,EAAkB;EAGhB,MAAM,KAAK,KAAK,kBAAkB,KAAK;AACvC,OAAK,QAAQ;GAAE;GAAI,KAAK,GAAG,WAAW,KAAK;GAAG;;CAGhD,kBAA4B,MAAmC;EAE7D,MAAM,KAAK,aAAa,KAAK,GACzB,OACC,QACE,mBAAmB,CAAC,eAAe,KAAK,IAC3C,qBAAqB;AACzB,MAAI,GAAG,aAAa,cAAc,CAChC,OAAM,IAAI,YACR,yGACD;AAEH,OAAK,uBAAuB,GAAG,MAAM;AACrC,KAAG,aAAa,eAAe,OAAO;AACtC,KAAG,UAAU,IAAI,eAAe;AAChC,SAAO;;CAGT,WAAW,EAAE,OAAO,UAAiB;EACnC,MAAM,EAAE,OAAO,KAAK;AAEpB,KAAG,UAAU,OAAO,eAAe;AACnC,KAAG,gBAAgB,cAAc;AAEjC,KAAG,aAAa,SAAS,GAAG,QAAQ;AACpC,KAAG,aAAa,UAAU,GAAG,SAAS;AACtC,KAAG,MAAM,UAAU,KAAK,wBAAwB;AAChD,OAAK,uBAAuB,KAAA;;CAG9B,cAAc,MAAa,eAAuB;EAChD,MAAM,EAAE,IAAI,QAAQ,KAAK;AACzB,sBAAoB,IAAI,KAAK,MAAM,cAAc;;CAGnD,iBAAiB,MAA8B;AAC7C,mBAAiB,KAAK,MAAM,IAAI,KAAK;;;;;CAMvC,aAAa;AACX,SAAO,iBAAiB,KAAK,MAAM,GAAG;;CAGxC,UAAU;AACR,UAAQ,CAAC,QAAQ,KAAK,MAAM,GAAG;AAE/B,SAAO,KAAK"}